Сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете.
Сайт состоит из нескольких страниц:
- Главная. Содержит информацию о выполненном проекте.
- Страница с фильмами. На ней есть форма поиска фильмов и блок с результатами поиска.
- Страница с сохранёнными фильмами. Показывает фильмы, сохранённые пользователем.
- Страница регистрации. Позволяет пользователю зарегистрировать аккаунт.
- Страница авторизации. На ней пользователь может войти в систему.
- Страница редактирования профиля. Пользователь может изменить данные своего аккаунта.
Cсылка на макет проекта в Figma
- Регистрация и авторизация пользователя
- Редактирование профиля пользователя
- Валидация форм
- Возможность поиска фильмов по названию
- Возможность фильтрации короткометражных фильмов
- Возможность сохраниения/удаления фильмов в личном кабинете
- Возможность поиска фильмов по названию среди сохраненных фильмов
- Реализована возможность поставить/удалить лайк карточке с фильмом
- Страница адаптирована под устройства с расширением от 320px до 1280px;
- В мобильной версии сайта добавлено бургерное меню;
- При разработке веб-приложения использованы CSS-технологии grid и flex, поддерживаемые большинством современных браузеров в последней версии;
- При разработке веб-приложения использован язык программирования JavaScript;
- Файловая структура: БЭМ Nested;
- Проект реализован при помощи JavaScript-библиотеки React;
- Настройка проекта выполнена при помощи Create React App;
- Настроена аутентификация пользователя;
- Настроена валидации форм.
Приятного просмотра!