ia-stepanov / movies-explorer-frontend

Фронтенд Диплома «Movies Explorer» — это интерактивная SPA-страница, на которой пользователи могут искать фильмы по ключевым словам и добавлять их в избранное в личном кабинете. Stack: JavaScript, API, React.js, JSX, HTML5, CSS3, БЭМ, Flexbox, Grid Layout, Figma.

Фронтенд Диплома Movies Explorer

Учебный проект от Яндекс.Практикум

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

Movies Explorer - это интерактивная SPA-страница, на которой пользователи могут искать фильмы по ключевым словам и добавлять их в избранное в личном кабинете.

Функционал:

• Авторизация и регистрация пользователей;
• Редактирование профиля;
• Поиск фильмов по ключевым словам;
• Поиск фильмов по длительности.

Стек технологий:

• HTML5;
• CSS3:
  • Flexbox;
  • Grid Layout;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Методология БЭМ;
• JavaScript:
  • Стиль CamelCase;
  • Промисы (Promise);
  • Асинхронность и оптимизация;
  • Rest API;
• Webpack;
• React JS:
  • Create React App;
  • Портирование разметки в JSX;
  • Функциональные компоненты;
  • Хуки.

Установка и запуск проекта:

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

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

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

npm install

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

npm run start

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

npm run dev

Языки:

• JavaScript

Библиотеки:

• ReactJS

Чеклист Дипломной работы:

• Критерии диплома веб-разработчика

Скриншоты:

Развернуть

Ссылки:

• Макет Дипломной работы в Figma
• Frontend: https://ia-stepanov.nomoredomains.work/
• Backend:
  • Repository: https://github.com/ia-stepanov/movies-explorer-api/
  • Website: https://a.ia-stepanov.nomoredomains.work/

IP: 84.201.166.28