Skip to content

seva123321/Movies-App

Repository files navigation

Movie-DB — приложение для поиска фильмов!

React JavaScript Ant-Design Vercel Vite

Описание

Movie-DB — это удобное приложение для поиска фильмов, которое позволяет пользователям находить актуальные мировые киноленты, оценивать их и сохранять свои рейтинги. Приложение использует API от The Movie Database (TMDB), что обеспечивает доступ к огромной базе данных фильмов.

Основные функции

  • Поиск фильмов: Найдите фильмы по названию, жанру или другим параметрам.
  • Оценка фильмов: Поставьте рейтинг понравившимся фильмам.
  • Гостевая сессия: Ваши оценки сохраняются на время сессии, даже без регистрации.
  • Пагинация: Удобная постраничная навигация для просмотра большого количества фильмов.
  • Синхронизация рейтингов: Рейтинги, выставленные на страницах поиска и оценки, синхронизируются.

Стек технологий

  • JavaScript — основной язык программирования.
  • React — библиотека для создания пользовательского интерфейса.
  • Ant Design — UI-библиотека для создания современного и отзывчивого дизайна.
  • Vercel — платформа для деплоя и хостинга приложения.

Как это работает

  1. Гостевая сессия: При первом посещении сайта создается гостевая сессия. На время этой сессии сохраняются все выставленные вами рейтинги.
  2. Оценка фильмов: Вы можете оценивать фильмы, и цвет круга рейтинга будет меняться в зависимости от вашего выбора. Если фильм не был оценен, рейтинг остается равным 0.
  3. Синхронизация: Рейтинги, выставленные на странице поиска (SearchPage) и странице оценки (RatePage), синхронизируются.
  4. Пагинация: Данные загружаются порциями, что обеспечивает быструю работу приложения даже при большом количестве фильмов.

Как использовать

  1. Перейдите на сайт приложения: Movie-DB на Vercel.
  2. Используйте поиск, чтобы найти интересующие вас фильмы.
  3. Оценивайте фильмы, чтобы сохранить свои предпочтения.
  4. Для доступа к сайту может потребоваться VPN.

Установка и запуск

Если вы хотите запустить проект локально, выполните следующие шаги:

  1. Клонируйте репозиторий:

    git clone https://github.com/seva123321/movie-db.git
    
  2. Перейдите в папку проекта:

    cd movie-db
    

    Run

  3. Установите зависимости:

    npm install
    
  4. Запустите проект:

    npm run dev
    
  5. Откройте браузер и перейдите по адресу: http://localhost:5173.

Автор

About

Movie-DB — приложение для поиска фильмов

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •