0GoodAfterNoon / 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.

Home Page:https://netflix-clone-ebon-nu.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://netflix-clone-ebon-nu.vercel.app

License:MIT License


Languages

Language:JavaScript 64.0%Language:SCSS 35.3%Language:HTML 0.7%