Cine Rater
Функції:
- Типізація - Type Script.
- Реалізовані сторінки Home, Movie, Popular, Premiere, Saved.
- Маршрутизація між сторінками.
- Отримання даних з API за допомогою Axios.
- Можливість вибору жанру.
- Можливість вибору року випуску фільму.
- Пошук фільмів.
- Пагінація.
- Зберігання фільмів в обране за допомогою React Context.
- Реалізована сторінка фільму.
- Вбудовано програвач трейлерів.
- Сповіщення користувача React Toastify.
- Лодери React-Spinners.
- За стилізацію відповідає SCSS.
Як підготувати та запустити проєкт
- Переконайтеся, що на комп'ютері встановлено LTS-версія Node.js. Скачай та встанови її якщо потрібно.
- Клонуй цей репозиторій.
- Встанови базові залежності проекту командою
npm install. - Запусти режим розробки, виконавши команду
npm start. - Перейди у браузері за адресою http://localhost:3000. Ця сторінка автоматично перезавантажуватиметься після збереження змін у файли проекту.
🛠 В роботі були використані бібліотеки:
- React JS
- Type Script
- React Router v6
- React Player
- Date Fns
- React Context
- Axios
- React Select
- React Spinner
- React Toastify
- Material-UI Pagination