Skip to content

sergeyhist/ivi-clone

Repository files navigation

Ivi clone

About

This project represents multiple web pages for interactions with catalogue of movies.

Functional pages:

  • /
    Main page with multiple sliders.
  • /movies
    Movies list with filters and sorting.
  • /movies/[id]
    Movie info, comments and trailer.
  • /person/[id]
    Person info with filmography.
  • /admin
    Admin panel. Possibilities:
    • Searching.
    • Update movies and genres names.
    • Delete movies.

Modal windows

  • Auth modal
    Registration and authorization. Google and VK auth.
  • Movie modal
    Sections:
    • Persons of the selected movie.
    • Comments.
  • Search modal
    Redirect with entered query to Ivi search

Links

  • Genres, countries and years links in header is functional.
  • Movies and catalogue links redirect to /movies page.
  • All other links redirect to Ivi website.

Translations

  • Russian
  • English

Technologies

React Next JS TypeScript Redux SASS Storybook Webpack code style: prettier

Links

Production on versel
Backend

Installation

To install the project, follow these steps:

  • Clone the repository to your local machine.
  • Install dependencies:
    npm install
    # or
    yarn install

Testing

For testing app with backend you need to install server with instructions from this repository.

To run the project in development mode, use the following command:

npm run dev
# or
yarn dev

Also you may build application and run it in production mode with the following commands:

npm run build
npm run start
# or
yarn build
yarn start

Application will be available at http://localhost:3000.