Skip to content

Что посмотреть — SPA онлайн кинотеатр c авторизацией на React+Redux, React router и typescript

Notifications You must be signed in to change notification settings

dreadwood/what-to-watch

Repository files navigation

Проект «Что посмотреть» Netlify Status

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

О проекте

«Что посмотреть» — SPA проект написанный на React+Redux и typescript, онлайн кинотеатр с авторизацией, возможностью создавать список любимых фильмов, просматривать подробную информацию о фильмах и добавлять оценки.

Главный экран

Основные функции

  • Загрузка списка фильмов с сервера и отображение их
  • Авторизация пользователя и создания персонального списка "к просмотру"
  • Добавления текстовых отзывов (для авторизованных пользователей)
  • Просмотр фильмов (в качестве примера используется демо-видеофайлы)

Авторизация

Для авторизации необходимо ввести любой email и пароль, после чего сервер создат пользователя и сгенерирует персональный токен. Аватар пользователя добавится случайный.

Используемые технологии

  • create react app — конфигурирования среды для разработки
  • typescript — основной язык приложения
  • redux и redux toolkit — state менеджер приложения
  • redux thunk — middleware для ассинхронных запросов
  • react router — роутинг страниц
  • axios — конфигурирование REST запросов для данных
  • eslint, jest для линтинга и тестирования (в процессе), husky для запуска тестов перед отправкой кода на github
  • netlify — деплой проекта
  • react-spinners — библиотека спиннеров для реакт

Разработка

Основные команды:

  • npm start — запуск режима разработки
  • npm test — запуск тестов (jest)
  • npm run lint — проверка линтером (eslint)
  • npm run build — запуск сборки приложения
  • npm run eject — извлечение конфигурации проекта (отменить извлечение невозможно, подробней)

Структура проекта:

  • public — размещение статических файлов
  • src — исходный код проекта (страницы, модули, тесты)
  • markup — первоначальный макет (html, css, fonts)

About

Что посмотреть — SPA онлайн кинотеатр c авторизацией на React+Redux, React router и typescript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published