Репозиторий для фронтенд-части приложения с интерфейсом на React.
Приложение Movies Explorer - сервис с поиском фильмов и сохранением их в личном кабинете.
Учебный проект Яндекс.Практикум х BeatFilm.
Полностью приложение состоит из двух частей:
- Movies Explorer (бэкенд-часть)
- Movies Explorer (фронтенд-часть) ⬅ этот репозиторий
Открыть в браузере приложение Movies Explorer
- собственное API для регистрации/авторизации и хранения сохраненных фильмов: https://api.phental.nomoredomainsrocks.ru/
- публичное API для получения коллекции фильмов BeatFilm https://api.nomoreparties.co/beatfilm-movies
- Адаптивная, семантическая верстка
- Лендинг с описанием работы, а также с информацией обо мне и ссылками на другие работы из портфолио
- Отдельная страница с приложением по поиску и сохранению фильмов
- Регистрация/авторизация пользователей
- Поиск фильмов по ключевому слову
- Постепенный вывод результатов поиска на экран при клике на копнку «Ещё»
- Сохранение/удаление фильмов из результов поиска
- Просмотр и удаление фильмов из сохраненных в личном кабинете
- Редактирование информации о пользователе
- Валидация форм перед отправкой на сервер
- Прелоадеры с анимацией во время запросов к серверу
- HTML5, CSS3, БЭМ
- JSX
- normalize.css
- React
- Create React App
- React Router 6
- Валидация форм с помощью кастомных хуков
- React Context
- Защищенные роуты
- Работа с API: публичное и собственное
- Local Storage: хранение параметров поиска
- Cookies
Для запуска проекта в своей среде разработке следуйте следующим инструкциям:
Клонируйте репозиторий
git clone https://github.com/Phentality/movies-explorer-frontend.git
Установите пакеты NPM
npm install
Запустите приложение
npm start
Если у вас не произошел автоматический переход в браузер с открытым приложением, введите в адресную строку самостоятельно - http://localhost:3000 В процессе изменения кода страница будет автоматически перезагружаться.
✅ Завершено
Вся основная и дополнительная функциональность реализована