Задача

К нам обратился заказчик со следующей задачей — помочь в разработке цветочного интернет-магазина. Бэкенд и API сайта были уже реализованы его командой программистов, мы же занялись разработкой клиентской части.
‍
Одной из главных задач в разработке фронтенда была реализация личного кабинета, в котором пользователи могут отслеживать статус своих заказов и историю покупок, а также — получать персонализированные скидки от компании.

‍

Разработка

Перед тем как приступить непосредственно к разработке, мы определились со стеком технологий, на котором будем делать фронтенд. Изначально, мы предложили делать на React как на фреймворке, оптимальном для реализации пользовательского интерфейса, однако впоследствии сделали выбор в пользу Angular. Несмотря на то, что этот фреймворк более тяжеловесный, он лучше подходил под требования заказчика, который искал более профессиональное и масштабируемое решение.

‍
В современном мире большинство пользователей чаще выходят в интернет с телефона, так — любой сайт нуждается в адаптивной верстке. Чтобы макет сайта реагировал на размер и ориентацию экрана, с которого просматривается, и автоматически подстраивался под него, мы применили Bootstrap. Использование этой технологии позволяет правильно отображать контент сайта как на десктопных, так и на мобильных устройствах.
‍
Чтобы в последствии заказчик мог эффективно продвигать свой сайт через социальные сети, мы — после завершения разработки, отладки и ввода сервиса в эксплуатацию — внедрили в сайт Open Graph Protocol.
‍

Наша команда успешно завершила разработку фронтенда, подготовив почву для интернет-магазина, и теперь — JBandFlowers активно распускается на просторах интернета.