Skip to content

Latest commit

 

History

History
42 lines (37 loc) · 2.59 KB

README.md

File metadata and controls

42 lines (37 loc) · 2.59 KB

Movies explorer

Сайт для поиска интересных фильмов. Чтобы не потерять понравившийся фильм приложение позволяет добавлять фильмы в избранное, а также сохраняет последние запросы.

Иллюстрация к проекту

Технологии

Технологии

Функции

  • 🔐 Авторизация
  • 🔎 Поиск фильмов по названию
  • 💙 Добавление фильмов в избранное/удаление
  • 👤 Редактирование профиля

Структура проекта

Структура приложения Movie explorer составлена согласно общепринятым практикам разработки на React. Проект включает в себя следующие директории:

  • assets - файлы, не связанные с кодом: изображения, шрифты и общие стили.
  • components - переиспользуемые элементы интерфейса: кнопки, формы, поля для ввода текста и прочее.
  • context - код для хранения глобальных данных приложения.
  • hooks - кастомные хуки.
  • pages - компоненты, представляющие собой страницы сайта.
  • routes - компоненты для работы с react-router-dom и отрисовки страниц.
  • utils - вспомогательные утилиты для упрощения процесса разработки и улучшения качества кода.

Начало работы

Требования

Для работы приложения необходимо установить:

  • Node.js 18.12+
  • npm (обычно идет с Node.js)

Установка

  1. Клонируйте репозиторий
    git clone https://github.com/PeachMood/movies-explorer-frontend.git
    
  2. Установите недостающие зависимости
    npm install
    

Запуск

После установки зависимостей приложение можно запустить в нескольких режимах:

  1. npm run start - разработка
  2. npm run build - сборка