ДжазТим — надежный технологический партнер

Agile разработка ПО на Java

Фронтенд-разработка новой версии веб-портала для дизайна интерьеров

Краткое описание проекта

Проект представляет собой создание новой версии корпоративного веб-портала компании, которая занимается производством и продажей продукции для дизайна интерьеров. Веб-портал включает в себя интернет-магазин, онлайн-конструктор и курсы по обучению созданию проектов по дизайну интерьеров, автоматизацию взаимодействия между дилерами, архитекторами и конечными покупателями продукции. Создана мотивационная система лояльности, позволяющая всем пользователям зарабатывать внутренние баллы, активно пользуясь услугами портала, за которые можно приобрести дополнительные товары. Интерфейс имеет многоязыковую поддержку на трёх языках: нидерландском, английском, французском.

Техническое описание проекта

Приложение разработано с помощью популярного фреймворка Next.js, обеспечивающего такие функции веб-приложений на основе React, как рендеринг на стороне сервера и создание статических веб-страниц, а также с активным использованием библиотеки компонентов Chakra UI. Разработка велась на языке Typescript с использованием современных подходов и покрытием классами всех сущностей. Интерфейс системы имеет интерактивное взаимодействие с бэкенд-частью с помощью асинхронных запросов: например, загрузка новых данных в таблицу, загрузка данных о проекте. Фронтенд-часть приложения была покрыта snapshot и Unit-тестами. Многоязыковая поддержка была реализована с помощью фреймворка i18next.

Обязанности команды ДжазТим

В обязанности команды ДжазТим входило участие в разработке визуальных интерфейсов портала, а также написание автоматизированных тестов для фронтенд-части приложения. Нами были созданы и расширены функциональные компоненты приложения для более гибкой работы разработчиков в дальнейшем и удобного использования для пользователей.

Используемые технологии

Языки программирования: Typescript.
Фреймворки, библиотеки: Next.js, Chakra UI, Jest, Axios, i18next.
Инфраструктура: Git, Bitbucket CI/CD.

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

Одной из основных особенностей проекта был большой упор на качество поставки разрабатываемого функционала от разработчика, поскольку проверка функционала проводилась только владельцами продукта без классического подхода с предварительным тестированием от QA команды. С одной стороны, разработчику необходимо было самому тщательно тестировать свой функционал, выполняя роль QA. С другой стороны, это ускоряло процесс поставки продукта конечным пользователям. Разработка велась небольшой интернациональной командой по методологии Kanban с частыми релизами на продакшн периодичностью раз в 1-2 недели.

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

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

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

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

  • Быстрое погружение в предметную область и технические детали проекта за весьма короткий срок.
  • Работа с широким стеком фреймворков и технологий.
  • Разработаны сценарии тест-кейсов для написания автоматизированных UI-тестов.

Свяжитесь с нами, чтобы обсудить Ваш IT-проект

    Имя *

    Название компании

    Email *

    Телефон

    Чем мы можем Вам помочь? *

    * – Обязательные поля для заполнения