Веб-приложение для покупки и продажи недвижимости

Краткое описание проекта: веб-сервис по размещению объявлений о продаже недвижимости – это приложение, которое позволяет покупателям и продавцам недвижимости находить интересующие их предложения и заключать сделки.

Основная функциональность приложения:

• Регистрация и авторизация пользователя (в том числе через сеть LinkedIn).
• Поиск объявлений по определенным критериям и областям географической карты (Google Maps).
• Добавление и редактирование объектов недвижимости.
• Личный кабинет с несколькими ролями пользователей (покупатель, продавец, администратор).

Приложение построено из серверной и клиентской частей. Клиентская часть – веб-приложение, реализованное с использованием фреймворка React и различных его плагинов. Адаптивная верстка осуществлена с применением CSS-фреймворка Bootstrap и языка стилей LESS. Серверная часть представляет из себя набор REST сервисов.

В сферу ответственности команды входила верстка макетов, интеграция с серверной частью через REST API, разработка логики вывода информации и форм ввода данных.

Технологии:

Instruments: GIT, BitBucket, Redmine, JetBrains WebStorm.
Web & JavaScript: React, HTML5, CSS, LESS, Bootstrap, jQuery, AJAX, npm.
React plugins: react, react-bootstrap-multiselect, react-dom, react-google-map, react-redux, react-responsive-carousel, react-router, react-scripts, react-simple-month-picker, react-simple-popover.
External API: LinkedIn Authentication API, Google Maps API.

Скриншоты:

[Show as slideshow]

Особенности проекта:

• Общение и совместная работа с территориально распределенными англо- и русскоязычной командами.
• Использовался итеративный подход к разработке: работа по методологии Scrum/Agile, ежедневные внутренние митинги, еженедельные демо заказчику, использование Redmine для управления проектом и предоставления отчетности.
• Разработка фронтенд части приложения осуществлена с чистого листа.

Результат проекта:

Заказчику осуществлена поставка фронтенд части приложения, реализованная в соответствии со всеми входящими требованиями.

Достижения компании на проекте:

• Изучена и внедрена глубоко кастомизированная функциональность Google Maps в контексте фреймворка React.
• Помимо фронтенд разработки наша команда привлекалась для некоторых серверных задач, в частности, для описания REST API методов.
• Предложены собственные идеи по улучшению макетов, многие из которых были приняты заказчиком.
• Некоторые компоненты React изначально не были снабжены достаточной функциональностью и были доработаны нашей командой.
• Командой решен конфликт двух плагинов Bootstrap – один из них был заменен альтернативным кастомизированным компонентом.

Статьи, созданные на основе проектного опыта:

• Использование Google Maps API в React приложении
• Адаптивная верстка сайтов – обзор подходов и CSS фреймворков