Задача

Необходимо сверстать проект из Figma в современный код с использованием фреймворка Tailwind CSS и языка TypeScript. Заказчик предоставил сервер, на котором уже установлен сборщик, настроены маршруты (роуты) и конфигурация Tailwind. Движок проекта - Laravel, но вносить изменения в его логику не нужно, требуется только править конфиг Tailwind (указать пути к файлам-ресурсам) и править файлы, которые ведут на соответствующие роуты. Дизайн-макет прилагается, а ссылку на него мы получим у заказчика.

Что нужно сделать

  • Получить доступ к тестовому серверу (SSH/SFTP).
  • Найти файлы, привязанные к готовым роутам (Laravel), и править именно их (view или React/Vue-компоненты).
  • Подключить Tailwind + TypeScript.
  • Сверстать страницы дизайн-проекта pixel-perfect или близко к тому, адаптивно (Мобильная версия / Планшет / Десктоп).
  • Файл ТЗ с подробной структурой и перечнем экранов - на Гугл.доке (ссылку высылаем). Техзадание оговаривает все нюансы по компонентам и функциям (меню, попапы, формы).
  • Все работы производятся на стороне девелопера (Названия фирмы нет в тексте, сайтов и телефонов заказчика тоже не приведено).

Требования к исполнителю

  • Опыт работы с Laravel-темизацией (file-based routes
  • Навык работы с Tailwind CSS (Presets, Overrides и пр.)
  • Понимание работы TypeScript
  • Верстать по Figma не первый раз
  • Умение читать ТЗ указашки весов offset section style
  • Сделали несколько тестов SVG+Icons хорошо сделать code structures forms tabs слайдер modals.

Технологический стек на сервере заказ ника: примечание который список Установка полная базовые скаффолда Gulp/Tailwind Post UI for V3 config with Vite."}