Giter Site home page Giter Site logo

jaspreet-singh-sahota / netflix-clone-react-capstone-project Goto Github PK

View Code? Open in Web Editor NEW
31.0 2.0 3.0 1.33 MB

The Netflix Clone is built with React and Redux, allowing users to search for a movie and play its trailer.

HTML 1.03% CSS 19.06% JavaScript 79.79% Shell 0.12%
netflix react redux

netflix-clone-react-capstone-project's Introduction

Contributors Forks Stargazers Issues


React-logo

Netflix Clone

This project is part of the Microverse curriculum in react and redux module!

Report Bug · Request Feature

Table of Contents

About The Project

Netflix clone App built with React and Redux. The objective of this project is to practising the concepts of 'React-Hooks', 'Redux-Hooks', react-router, redux-setup and testing code using Jest.

features

Here are some features where users can:-

  • search for a movie
  • select categories from the navbar and can navigate to different category show page
  • check the information about a movie on the movie show page
  • can play the trailer of the movie

Screenshot from 2020-09-29 18-26-57

Live Link (Heroku)

Click Here

Installation

To run 'Netflix-clone-app' locally, clone the repository, navigate to it's containing directory.

Follow these commands step by step:-

[email protected]:jaspreet-singh-sahota/netflix-clone-react-capstone-project.git
cd netflix-clone-react-capstone-project
npm install
npm start

Congrats, now you have a running 'Netflix-clone-app' locally in your browser.

Built With

  • React
  • Redux
  • Redux-thunk
  • Eslint
  • Stylelint
  • Modules css
  • Styled components
  • yarn
  • npm
  • MovieDB API
  • React-youtube
  • Movie-Trailer
  • React-icons
  • Axios
  • Prop-types
  • Heroku

Netflix design

Screenshot from 2020-09-29 18-26-57

Screenshot from 2020-09-29 18-28-36

Screenshot from 2020-09-29 18-30-00

Screenshot from 2020-09-29 18-31-45

Future Updates

  • To add different Screens like Netflix
  • To add sign-up and sign-in page
  • To add user authorization
  • To add Loading screen while fetching the data
  • To add more categories

Authors

👤 Jaspreet Singh

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

react-netflix-clone

netflix-clone-react-capstone-project's People

Contributors

jaspreet-singh-sahota avatar

Stargazers

MARGARET KOJO-MUSA avatar Hibatullah Dyfa Grahatama avatar Luke Greaves avatar nbrownie avatar Purushothaman Srikanth avatar Tadeu Sarro avatar Mateo mojica Hernandez avatar Bouaik Lhoussaine avatar Divyesh Patel avatar Elijah Ayandokun avatar Ravindra Paladugu avatar Daniel Larbi Addo  avatar Tirthajyoti Ghosh avatar Divyesh Kanzariya avatar Kelvin Liang avatar Bertil Tandayamo avatar Roheem Olayemi avatar Giribabu Kondaveeti avatar Manan avatar Dipesh Bajgain avatar Adewale Modupe avatar Dipesh Kumar avatar Ariel Camus avatar Abdel Pérez Téllez avatar Abubakar Diallo avatar Eric Mbouwe avatar Guillain bisimwa avatar jstloyal avatar Abderrahmane A Allalou avatar Brittany Blake avatar Phillip Musiime avatar

Watchers

James Cloos avatar  avatar

netflix-clone-react-capstone-project's Issues

Review

Congratulations, Netflix clone looks so amazing I was so excited to see a live version of your project but somehow your Live Link (Heroku) on your readme didn't work. But from the screenshot, it looks amazing.

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.