Техническое задание: Верстка сайта на React/Next.js

Цель проекта

Создание полностью адаптивного, кроссбраузерного и семантически верного веб-сайта на основе предоставленного дизайн-макета.

Основные требования

• Технологический стек: React, Next.js (фронтенд). Бэкенд реализован на Django.
• Дизайн-макет: Работа ведется по готовому и утвержденному дизайну в Figma.
• Методология: Обязательное использование методологии БЭМ для именования классов.
• Качество верстки: Чистая, семантическая верстка с использованием HTML5 и CSS3.
• Инструменты стилизации: Предпочтительно использование Tailwind CSS. Для построения сеток - Flexbox/Grid.

Ключевые критерии качества

• Пропорциональная и точная верстка: Визуальное отображение сайта на разных разрешениях экрана должно максимально точно соответствовать дизайн-макету («один в один»).
• Адаптивность: Полная адаптивность под десктопные устройства. Отступы по бокам должны быть реализованы по аналогии с указанным в задании референс-сайтом.
• Кроссбраузерность: Корректное отображение и работа в последних версиях браузеров Chrome, Firefox, Safari, Edge.

Ожидаемый результат

Готовый, полностью функционирующий фронтенд на React/Next.js, который:

• Точно повторяет предоставленный дизайн.
• Идеально масштабируется на различных разрешениях экрана.
• Написан с соблюдением современных стандартов и методологий (БЭМ, семантика).
• Готов к интеграции с Django-бэкендом.