Команда №4 | Frontend

Состав команды фронтенда

• Владимир Фролов Главный по направлению
• Олеся Варнакова

Ссылка на приложение

https://artfour.vercel.app/

Сборка и запуск

Клонируйте репозиторий и перейдите в его директорию

git clone https://github.com/Sagaart-4/saga-frontend.git && cd saga-frontend

Для установки зависимостей, выполните команду:

npm ci

Для сборки проекта введите команду:

npm run build

Для запуска проекта в прод-режиме произведите сборку проекта и выполните команды:

npm run start

Можно скомбинировать команды для быстрого запуска:

npm ci && npm run build && npm run start

Приложение будет доступно по адресу: http://localhost:4173

Для запуска проекта в dev-режиме введите команду:

npm run dev

Приложение будет доступно по адресу: http://localhost:5173

Стэк

• HTML/SCSS
• JavaScript
• TypeSctipt
• ReactJS
• Redux Toolkit
• Vite
• react-router-dom
• react-hook-form
• yup
• axios
• react-slick

SCSS

Все основные SCSS константы лежат по пути src/styles/variables.scss.

и являются цветовой палитрой приложения. Все цвета взяты из макета Figma UI kit. Все основные миксины лежат по пути src/styles/mixins.scss.

начинающиеся с text - различные шрифты на основе Figma UI kit начинающиеся с reset - обнуление стандартных стилей

Иконки и шрифты

В проекте применялись иконки из макета и шрифт Manrope

Информация о проекте

Проект сверстан для просмотра в десктопных браузерах и экранах с разрешением 1440px и более.