Техническое задание: Верстка адаптивного интерфейса "Личный кабинет"

Цель проекта

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

Технический стек и требования

• Фреймворк: React с использованием TypeScript.
• Стилизация: Tailwind CSS для построения адаптивных интерфейсов.
• Иконки: Библиотека lucide-react.
• Дополнительно: Реализация базовых возможностей PWA (Progressive Web App).

Объем работ

• Верстка всех экранов и компонентов, представленных в макете Figma.
• Гарантия корректного отображения на всех типах устройств (десктоп, планшет, мобильный).
• Реализация интерактивности элементов (ховеры, состояния, клики) в соответствии с дизайном.
• Настройка минимальной PWA-конфигурации (манифест, сервис-воркер для оффлайн-режима).

Важное условие

Работа включает только фронтенд-верстку и UI-логику. Интеграция с бэкендом (API, авторизация, бизнес-логика) не входит в задачи данного этапа.

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

• Чистый, модульный и хорошо документированный код на React + TypeScript.
• Полностью адаптивный интерфейс, идентичный макету.
• Готовый к деплою проект с базовой PWA-функциональностью.
• Исходный код проекта для дальнейшей разработки.