gazievri / movies-explorer-frontend

🎞 Фронтенд для дипломного проекта Яндекс Практикум по специальности веб разработчик.

🎞 MOVIE PORTFOLIO

Проект MOVIE PORTFOLIO выполнен в качестве дипломной работы на курсе web-разработчик от Яндекс Практикума и представляет собой фронтенд часть проекта. MOVIE PORTFOLIO это SPA, которое состоит из двух частей:

• основная страница с информацией о разработчике;
• внутренней части, которая взаимодействует с API сервиса nomoreparties.co и позволяет производить поиск по базе данных авторских фильмов.

Проект доступен по ссылке.

Бэкенд проекта размещен здесь.

Функционал проекта

Пользователю доступен следующий функционал:

• просмотр информации о разработчике, в том числе можно ознакомиться с переченем работ, которые были выполнены в рамках курса.
• регистрация личного кабинета;
• авторизация в личном кабинете;
• редактирование данных в личном кабинете;
• осуществление поиска по ключевому слову по базе данных фильмов сервиса nomoreparties.co;
• отображение списка отсортированных фильмов;
• сохранение выбранных фильмов в разделе "Сохраненные фильмы).

Наглядно c функционалом проекта можно познакомиться в видео.

Технологический стек

При создании проекта использовался следующий стек технологий: HTML, CSS, JS, React.js, ReactHooks, функциональные компоненты React, REST-API. Все данные форм валидируются перед отправкой на сервер. JWT токен сохраняется в куках. Роуты, доступные для авторизованных пользователей, защищены. Сайт полностью адаптирован под разные устройства.

Работа с проектом

Для запуска проекта, пожалуйста, выполните следующие действия:

1. Склонировать проект на ваш компьютер с Github с помощью команды:

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

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

npm install

3. Запустить проект:

npm start

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

Проект доступн по ссылке.

Исходный код проекта доступен по ссылке.

Макет проекта можно посмотреть здесь.

API nomoreparties.co

Бэкенд проекта размещен здесь.