Code Monkey home page Code Monkey logo

ivi-clone's Introduction

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
Alternative production
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 local doker server you need to go to the following file at the root of the project

├── next.config.js

and change the variable SERVER_HOST to

http://localhost:4000

After that install backend server with instructions from their 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.

ivi-clone's People

Contributors

alexgrist14 avatar cobalt-a avatar sergeyhist avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.