Movies-explorer

Frontend-часть дипломной работы

О проекте

Movies-explorer - учебный, финальный проект на курсе веб-разработки Яндекс Практикум.

Вот что было сделано:

• Свёрстаны компоненты на React, разметка портирована в его формат;
• Описана логика и вёрстка страниц регистрации, логина, редактирования профиля, сохранённых фильмов;
• Проработаны авторизованные и неавторизованные состояния, сохранение фильмов в профиле;
• Полученные фильмы фильтруются на стороне клиента;
• Реализованы асинхронные GET- и POST-запросы к API;
• Настроена инфраструктура и создан сервер на express;
• Подключена база данных, созданы схемы и модели ресурсов API;
• Реализовано логирование, аутентификация и авторизация на сервере;
• Бэкенд задеплоен на Яндекс Облако.

Инструменты и стек:

• HTML;
• CSS;
• React;
• Express;
• MongoDB;
• NodeJS;
• API;
• Nginx;
• JWT;
• Postman.

---

Запуск проекта

1. Клонировать репозиторий

   git clone https://github.com/olesia1205/movies-explorer-frontend.git

2. Установить зависимости

   cd movies-explorer-frontend

   npm ci

3. Для запуска использовать команды

   npm run start

   Запуск проекта в режиме разработки. Для просмотра результатов в браузере откройте http://localhost:3000 После внесения изменений страница перезагрузится автоматически

   npm run build

   Создает финальную сборку проекта, готовую для развертывания, в папке build

---

Ссылка на фронтенд-часть приложения: https://movies.olerastova.nomoredomains.monster