Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rastereo/movies-explorer-frontend
Дипломная работа Movies Explorer FRONTEND
https://github.com/rastereo/movies-explorer-frontend
css3 frontend html5 jsx react
Last synced: 1 day ago
JSON representation
Дипломная работа Movies Explorer FRONTEND
- Host: GitHub
- URL: https://github.com/rastereo/movies-explorer-frontend
- Owner: rastereo
- Created: 2023-07-17T19:23:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-18T10:31:46.000Z (over 1 year ago)
- Last Synced: 2023-08-18T11:54:07.219Z (over 1 year ago)
- Topics: css3, frontend, html5, jsx, react
- Language: JavaScript
- Homepage: https://rastereo.diplom.nomoredomains.xyz/
- Size: 1.14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# movies-explorer-frontend
Дипломная работа Movies Explorer FRONTEND. Сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете.
## 🛠️Технологии:
+ [React](https://react.dev/)
+ [JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript)
+ [HTML](https://html.spec.whatwg.org)
+ [CSS](https://www.w3.org/Style/CSS)
+ [PropTypes](https://ru.legacy.reactjs.org/docs/typechecking-with-proptypes.html)
+ [ESLint](https://eslint.org/)
## 🤖Функциональность проекта:
+ Авторизация и регистрация пользователей
+ Редактирование профиля
+ Поиск фильмов по ключевым словам со стороннего API
+ Поиск короткометражных фильмов
+ Поиск фильмов как на русском, так и английском языке
+ Сохранение фильмов в избранное в личном кабинете
+ Реализована защита роутов
+ Адаптивная верстка
+ CSS Grid и Flexbox
+ Все данные хранятся на сервере
+ Токена для авторизации сохраняется в cookie
+ БЭМ
## 📂Директории:
+ `/components` — папка с компонентами
+ `/context` — папка с файлом контекстом информации о зарегистрированном пользователе
+ `/hooks` — папка с хуками
+ `/images` — папка c изображениями
Остальные директории вспомогательные.
## 📋Инструкция по запуску проекта:
1. Склонируйте репозиторий на свой компьютер:
```bash
git clone [email protected]:rastereo/movies-explorer-frontend.git
```
2. Установите зависимости
```bash
npm install
```
3. Запустите приложение
```bash
npm run start
```
## 🌐Ссылки
+ Сайт: https://rastereo.diplom.nomoredomains.xyz
+ Макет: https://disk.yandex.ru/d/03vQk3Fy1_u0cA
+ Публичный IPv4: 158.160.114.107
+ Домен сервера: https://api.rastereo.diplom.nomoredomains.xyz
+ Github репозиторий: https://github.com/rastereo/movies-explorer-frontend
+ Pull requests Level-3: https://github.com/rastereo/movies-explorer-frontend/pull/10
+ Критерии диплома веб-разработчика: https://code.s3.yandex.net/web-developer/static/new-program/web-diploma-criteria-2.0/index.html#jsx