Link to preview: https://2120755-what-to-watch-12.vercel.app/

Repository for applications of the What to watch project, includes the front-end part of application.

Frontend:

The site allows you to view different movies from database, save them, post reviews. The site consists of 3 main pages:

1. Login
2. Main (Page with all movies uploaded from database, also page introducing Promo movie).
3. Film (Page with overview/details/reviews of choosen film).
4. Add review (Page with form to post review for choosen movie)
5. Player (Page with fullscreen player. Allows to watch trailer of choosen movie)
6. My list (Protected page for only authorized users. Allows to save user favorite movies)

The site is adapted for use with Screen Reader.

TYPESCRIPT/REACT/REDUX/JEST

1. Work with API
2. Registration, Authentication, Identification (JWT Token)
3. Axios
4. React (useState, useEffect, useRef )
5. ReactRouter v.6.4.0
6. ReduxToolKit
7. Tostify

1. Jest test for components and async functions.

Репозиторий для приложения проекта Что посмотреть, включающий фронтенд часть приложения.

Frontend

Сайт позволяет просматривать информацию фильмах, оставлять комментарии, сохранять понравившиеся. Сайт состоит из 3х главных секций:

1. Login
2. Main (Страница со всеми загруженными с сервера фильмами. Так же представляет промо фильм)
3. Film (Страница с общими сведениями, деталями и оценками выбранного фильма.)
4. Add review (Страница с формой для отправки рецензии по выбранному фильму.)
5. Player (Страница с полноэкранным плеером, для просмотра трейлера выбранного фильма.)
6. My list (Защищенная страница, для авторизированных пользователей. Позволяет отображать сохраненные пользователем фильмы.)

Этот сайт адаптирован для работы со Скрин Ридерами.

TYPESCRIPT/REACT/REDUX/JEST

1. Work with API
2. Registration, Authentication, Identification (JWT Token)
3. Axios
4. React (useState, useEffect, useRef )
5. ReactRouter v.6.4.0
6. ReduxToolKit
7. Tostify

3. Jest тесты для компонентов и асинхронных функций