- Сверстать по макету слайдер.
- Цвета и шрифты использовать те, что прописаны в файле tailwind.config.ts и globals.scss
- Для кастомных стилей(если понадобится) создать и использовать custom.scss
- Необходимо, чтобы верстка была адаптивной
- При необходимости создавать отдельные компоненты только для мобильной версии
- Написать логику работы слайдера.
- Подключить и настроить JSON server
- Заполнить JSON server тестовыми данными
- Получить и отрисовать слайды с данных JSON server
- Node.js >19.7.0
- Из папки frontend вызываем команды:
npm i && npm run dev
Проект откроется по адресу http://localhost:3000/
- из папки frontend выполняется команда:
npm run lint
Все проверки линтера проходят успешно
- из папки frontend выполняются команды:
npm run build && npm run start
Билд успешно собирается и проект открывается по адресу http://localhost:3000/
- Верстка сделана согласно макету, так же сделан адаптив этой страницы
- Данные приходят с JSON server
- Слайдер работает