Дипломный проект: "Movies Explorer" (frontend)

---

1. Описание проекта

Дипломный проект "Movies Explorer" - приложение для поиска и просмотра фильмов международного фестиваля документального кино о новой культуре "Beat Film Festival". Выполнен в рамках образовательной программы Яндекс Практикума и представляет собой отзывчиво-адаптивное приложение (SPA), написанное на "React" (часть frontend) и "Express" (часть backend).

---

Ссылки на проект:

IP: 51.250.90.36

Frontend (деплой): https://marsello.diploma.nomoredomains.rocks

Backend: https://api.marsello.diploma.nomoredomains.rocks

Макет: https://www.figma.com/file/KhjjZmPqyEVbgjxeQj7EWs/Diploma-for-YP?type=design&node-id=932%3A3320&t=oV7cdh9gN2dlHcsx-1
Чек-лист: https://code.s3.yandex.net/web-developer/static/new-program/web-diploma-criteria-2.0/checklist_react_diplom.pdf

* - проект прошел код-ревью

Оглавление

1. Описание проекта
2. Стек технологий
3. Установка и запуск приложения в локальном репозитории, эксплуатация
4. Функционал
5. Планы по улучшению

2. Стек технологий

---

(к оглавлению)

3. Установка и запуск приложения в локальном репозитории, эксплуатация

1. git clone https://github.com/Markelov97Vad/movies-explorer-frontend.git - клонировать репозиторий на свое устройство (HTTPS)
2. npm i - установить зависимости
3. npm run start - запустить приложение

NB! Для корректной работы в локальном репозитории следует также клонировать backend и запустить в первую очередь его командой npm run dev (после установки зависимостей)

(к оглавлению)

4. Функционал

• Регистрация и авторизация пользователей с редактированием личных данных
• Поиск фильмов с фильтрацией и рандомной генерацией вывода карточек, добавлением в избранные и удалением
• Валидация личных данных
• Адаптивная верстка под все виды устройств

(к оглавлению)

5. Планы по улучшению

• Оптимизация лишних ререндеров
• Рефакторинг и "разгрузка" компонента App
• Кроссбраузерность