Skip to content

This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses The MovieDB Api.

License

Notifications You must be signed in to change notification settings

mriiad/Netflix-Clone

 
 

Repository files navigation

Netflix Clone

This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses The MovieDB Api to search for movies and display details. Feel free to contribute!

Tools used

  • Webpack
  • Axios
  • Redux & React
  • Sass (grid & flexbox)
  • Media queries
  • Swiper JS

Runing Project Locally

  • Install dependencies: run npm install in root project
  • Get API key from here
  • Create .env file in root project and add: API_KEY=YOUR_API_KEY_HERE
  • Run project: npm run dev

User Stories

  • User can search for movies and TV shows on TMDb
  • User can the see upcoming and trending movies. Data updates weekly
  • User can click on a movie and a modal should pop up. It should display the title, release date, overview, and runtime.
  • The webpage adapts to any screen size.

Video Walktrough

Please feel free to create a pull request and submit any issues! Currently looking for backend developers. If you would to contribute to support a backend, reach out, all ideas are welcomed!

About

This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses The MovieDB Api.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.8%
  • SCSS 35.4%
  • HTML 0.8%