Проект "Sagaart-5"

Проект представляет собой MVP web-приложения для онлайн-галереи, представленное командой №5 в рамках Хакатон+ по задаче от sagaart.

Ссылка на сайт

Макет Фигма

Ссылка на билд (Яндекс Диск)

Ссылка на скриншоты (Яндекс Диск)

О команде

Елизавета - Описание проделанной работы появится позже.

Николай - Описание проделанной работы появится позже.

Стек технологий

Инструменты разработчика:

Установка и запуск

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

git clone git@github.com:Sagaart-5/Frontend.git sagaart5
cd sagaart5

Установите зависимости:

npm ci

Соберите проект:

npm run build

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

npm run serve

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

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

npm run dev

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

Ссылки на материалы

Библиотеки

В приложении использовались следующие библиотеки:

• React
• TypeScript
• Redux/toolkit
• React Router
• React Intersection Observer
• SASS

Шрифты

В приложении использовались шрифты Cochin и Inter.

Иконки SVG

Все иконки SVG взяты из макета.

SCSS

Все основные переменные находятся по пути src/styles/variables.scss. Переменные, начинающиеся с

• font - переменные семейства шрифтов
• color - являются цветовой палитрой приложения

Все основные миксины находятся по пути src/styles/mixins.scss. Миксины, начинающиеся с

• reset - обнуляют стандартные стили
• text - являются стилями для типографики на основе UI-kit

Примечание

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