# .Torrent frontend
> .Torrent - сервис обмена .torrent файлами видеоигр, фильмов и аудиокниг



## Стек
- TypeScript
- React 18
- Next.js 14 (App Router)
- Tailwind CSS
- Zod
- SWR
- clsx
- React Hook Form
- и другие
  - next-themes
  - js-cookie
  - jwt-decode
  - react-dropzone


## Возможности
- Главная страница со списком популярных видеоигр, фильмов, аудиокниг
- Страницы со списками по категориям (отдельно видеоигры, фильмы, аудиокниги)
- Страница просмотра, редактирования или добавления сущности
- Форма входа или регистрации в виде модального окна с помощью Parallel и Intercepting маршрутов в Next.js
- Адаптивная верстка. Корректное отображение на мобильных устройствах, планшетах, ноутбуках, десктопах
- SEO оптимизация. SSR, метаданные к страницам
- Валидация данных с помощью Zod. Некорректные (или неполные) данные вырезаются (если некорректна одна сущность из списка, то остальные отображаются)
- Структура проекта в соответствии с Feature-Sliced Design
- Цветовая схема Gruvbox. Возможность переключения тёмной и светлой темы
- Вся конфигурация через файл .env (или переменные среды), для удобного запуска в Docker контейнере

## Скриншоты
|![](./screenshots/main_mobile.png)|![](./screenshots/movie_mobile.png)|
|-|-|
|![](./screenshots/main.png)|![](./screenshots/movies.png)|
|![](./screenshots/game.png)|![](./screenshots/movie.png)|
|![](./screenshots/game_editing.png)|![](./screenshots/game_create.png)|
|![](./screenshots/login.png)|![](./screenshots/registration.png)|


## Запуск
### Локально
    npm install
    npm run dev

## ToDo
- [ ] Dockerfile
- [ ] Добавить ссылку на общий репозиторий
- [ ] Теги жанров для сущностей
- [ ] Поиск
- [ ] Динамические метаданные к страницам [section]/*
- [ ] Страница "О проекте"