Команда №6 | Frontend

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

• Елизавета Ананьева-Рященко Руководитель направления
• Владимир Фролов

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

https://streetrussia.vercel.app/

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

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

$ git clone https://github.com/Streets-6/Frontend.git
$ cd Frontend

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

$ npm ci

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

$ npm run build

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

$ npm run preview

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

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

$ npm run dev

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

Стэк

• HTML/SCSS
• JavaScript
• TypeSctipt
• ReactJS
• Redux Toolkit
• Vite
• react-router-dom
• react-router-hash-link
• react-hook-form
• yup
• react-slick
• leaflet (для открытия нужен VPN)
• react-leaflet

SCSS

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

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

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

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

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

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

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