https://github.com/maratdev/movies-explorer-frontend

🎬 Movies Explorer | BeatFilm
https://github.com/maratdev/movies-explorer-frontend

Last synced: about 1 year ago
JSON representation

🎬 Movies Explorer | BeatFilm

• Host: GitHub
• URL: https://github.com/maratdev/movies-explorer-frontend
• Owner: maratdev
• Created: 2023-08-11T17:18:29.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-21T13:10:32.000Z (almost 3 years ago)
• Last Synced: 2024-12-26T20:42:51.073Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://explorer-movies.ru/
• Size: 2.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎬  Movies Explorer | BeatFilm

 _***Сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете. [Backend](https://github.com/maratdev/movies-explorer-api)***_

## ⚙️ Функционал:

- [x] Main страничка

- [x] Настроена инфраструктура и создан сервер на [Express](https://github.com/maratdev/movies-explorer-api)

- [x] Резиновая и адаптивная вёрстка

- [x] Animation and Transform

- [x] Оптимизация шрифтов

- [x] Редактировать свой профиль

- [x] Форма поиска фильмов

- [x] Запоминание состояния полей ввода

- [x] Прелоадер

- [x] Сохранять фильмы в избранное

- [x] Валидация всех форм

- [x] Асинхронные GET- и POST-запросы к API

- [x] Логирование, регистрация, авторизация и аутентификация на сервере

- [x] Защита роутов

## 🛠️ Стэк:

- HTML5

    - Семантическая вёрстка

    - Разметка Open Graph

    - BEM(БЭМ)

- CSS3

    - Flexbox

    - Grid Layout

    - Adaptive UI

    - Media Queries

- JavaScript

    - ES6

    - JSON

    - Промисы

    - JSX

    - API (Fetch)

- [ReactJS](https://ru.legacy.reactjs.org/)

    - Реакт-хуки

    - React Router

    - React Protected Router

- Git

- Figma

- Webpack

- NPM

---

**🧩 Брифы:**

- [Figma диплома](https://www.figma.com/file/JtzrkKwtX6TNmyOsHtBBuE/dark-1?type=design&node-id=891-3857&mode=design&t=ahtp0ny0zlqnubnE-0) (dark-1)

**📄 Чеклисты:**

- [Чеклист диплома](https://code.s3.yandex.net/web-developer/static/new-program/web-diploma-criteria-2.0/index.html)

**🌐 Проект:**

- [Фронтенд](https://voredev.nomoredomainsrocks.ru/)

- [Бэкенд](https://api.voredev.nomoreparties.co)

- IP адрес сервера `158.160.66.2`

**🛠️ GIT:**

- [Pull request](https://github.com/maratdev/movies-explorer-frontend/pull/2)

---

#### Установка и запуск приложения на локальной машине:

Запуск:

### `npm start`

Запуск тестов:

### `npm test`

Деплой:

### `npm run build`

👤 **Автор**

**_Marat Zakar_**

- Telegram: [@voredev](https://t.me/voredev)

- GitHub: [@maratdev](https://github.com/maratdev)