Skip to content

bevuxyna/movies-explorer-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movies Explorer

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

Tech Stack

HTML  CSS  JavaScript  React  React-router  Webpack  Git 

Demo

Стартовая страница, содержащая краткую информацию о проекте, технологиях и авторе.

start-page.gif

Основной функционал проекта вкдючает в себя возможность поиска фильмов со стороннего API и сохранение/удаление найденных фильмов к себе в аккаунт.

main-functionality.gif

При нажатии на кнопку «Регистрация» в шапке сайта на главной странице происходит переход на страницу регистрации по маршруту /signup.

registration.gif

При нажатии на кнопку «Войти» в шапке сайта на главной странице происходит переход на страницу авторизации по маршруту /signin.

login918484a1fc094a08.gif

У авторизованного пользователя в шапке сайта отображается кнопка «Аккаунт». При клике происходит переход на страницу редактирования профиля. На ней пользователь может изменить свои данные.

edit-profile.gif

При клике на кнопку «Выйти из аккаунта» происходит редирект на главную страницу и удаление JWT из локального хранилища или куки. Чтобы войти на сайт заново, пользователю потребуется повторно авторизоваться.

sign-out.gif

Backend

Backend часть проекта располагается на Github.

Installation

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

  gh repo clone bevuxyna/movies-explorer-frontend

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

  npm install

Запустить сервер:

  npm run start

Запустить сервер с hot-reload:

  npm run dev

Guidelines for the project

Чек лист для проверки дипломного проекта.

Сторонний API BeatfilmMoviesApi

Макет проекта в Figma

About

Frontend-часть сервиса Movies explorer

Topics

Resources

Stars

Watchers

Forks