Техническое задание: Верстка адаптивного интерфейса "Личный кабинет"
Цель проекта
Создание современного, полностью адаптивного пользовательского интерфейса для личного кабинета на основе предоставленного макета в Figma.
Технический стек и требования
- Фреймворк: React с использованием TypeScript.
- Стилизация: Tailwind CSS для построения адаптивных интерфейсов.
- Иконки: Библиотека lucide-react.
- Дополнительно: Реализация базовых возможностей PWA (Progressive Web App).
Объем работ
- Верстка всех экранов и компонентов, представленных в макете Figma.
- Гарантия корректного отображения на всех типах устройств (десктоп, планшет, мобильный).
- Реализация интерактивности элементов (ховеры, состояния, клики) в соответствии с дизайном.
- Настройка минимальной PWA-конфигурации (манифест, сервис-воркер для оффлайн-режима).
Важное условие
Работа включает только фронтенд-верстку и UI-логику. Интеграция с бэкендом (API, авторизация, бизнес-логика) не входит в задачи данного этапа.
Ожидаемый результат
- Чистый, модульный и хорошо документированный код на React + TypeScript.
- Полностью адаптивный интерфейс, идентичный макету.
- Готовый к деплою проект с базовой PWA-функциональностью.
- Исходный код проекта для дальнейшей разработки.