Веб-приложение для покупки и продажи недвижимости
Краткое описание проекта: веб-сервис по размещению объявлений о продаже недвижимости - это приложение, которое позволяет покупателям и продавцам недвижимости находить интересующие их предложения и заключать сделки.
Основная функциональность приложения:
- Регистрация и авторизация пользователя (в том числе через сеть 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.
Скриншоты:
Особенности проекта:
- Общение и совместная работа с территориально распределенными англо- и русскоязычной командами.
- Использовался итеративный подход к разработке: работа по методологии Scrum/Agile, ежедневные внутренние митинги, еженедельные демо заказчику, использование Redmine для управления проектом и предоставления отчетности.
- Разработка фронтенд части приложения осуществлена с чистого листа.
Результат проекта:
Заказчику осуществлена поставка фронтенд части приложения, реализованная в соответствии со всеми входящими требованиями.
Достижения компании на проекте:
- Изучена и внедрена глубоко кастомизированная функциональность Google Maps в контексте фреймворка React.
- Помимо фронтенд разработки наша команда привлекалась для некоторых серверных задач, в частности, для описания REST API методов.
- Предложены собственные идеи по улучшению макетов, многие из которых были приняты заказчиком.
- Некоторые компоненты React изначально не были снабжены достаточной функциональностью и были доработаны нашей командой.
- Командой решен конфликт двух плагинов Bootstrap - один из них был заменен альтернативным кастомизированным компонентом.
Статьи, созданные на основе проектного опыта:
- Использование Google Maps API в React приложении
- Адаптивная верстка сайтов - обзор подходов и CSS фреймворков