Хакатон (Лента)

ㅤКлиентская часть сервиса предсказательной модели для "Лента"

Команда

Деплой

Установка

установка зависимостей:

npm i

запуск проекта (Hot Reloading):

npm run dev

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

npm run build

запуск сборки docker-контейнера:

npm run docker-build

запуск docker-контейнера:

npm run docker-start

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

TypeScript
React
RTK Query
Day.js - работа с датами
Tremor - графики и компоненты
Tailwind - стилизация
Eslint + prettier - линтер для кода
Vite - сборщик
Docker

Архитектура: FSD (Features sliced design)

media queries: 1920px

Особенности

Реализована оптимизация работы с большим объемом данных:

виртуализация таблиц,
бесконечный скролл (загрузка данных пачками по n штук).

Настроен роутинг - React-Router Настроен стейт менеджер - Redux Toolkit.
Для стилизации используется Tailwind. Настроена автоматическая проверка линтерами при создании pull request с помощью github actions. Настроена сборка в docker-контейнер.

Дизайн

Макеты: figma
Интерфейс: архив