Дипломная работа для Яндекс.Практикум

Описание

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

Демо

Проект можно посмотреть по адресу https://ivkrylova-movies.fun/

Интересные ссылки

Репозиторий с бэкендом можно посмотреть здесь.

Используемые технологии

1. HTML5
2. Методология БЭМ
3. Флексбокс-верстка, Grid-css, отзывчивая верстка
4. JavaScript, React
5. Fetch API

Инструменты

1. Figma
2. Pixel perfect

Структура приложения

• Главная страница - содержит информацию о выполненном проекте.
• Страница с фильмами - содержит форму поиска фильмов и блок с результатами поиска.
• Страница с сохранёнными фильмами - показывает фильмы, сохранённые пользователем.
• Страница регистрации - позволяет пользователю зарегистрировать аккаунт.
• Страница авторизации - страница для входа в систему.
• Страница редактирования профиля - пользователь может изменить данные своего аккаунта.

Дизайн

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

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

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