iamSymbiote / Netflix-clone

Netflix Clone with React and IMDB API

Home Page:https://netflix-clone-e8de1.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NETFLIX CLONE πŸ“Ί

Features πŸ”₯

πŸ“Ί Navbar which change its color when scroll
πŸ“Ί Random movies in the banner when refresh
πŸ“Ί Carousel of movies coming from the IMDB API
πŸ“Ί Click the movie to see the description, reputation, complete title and more!
πŸ“Ί If the video is sent from the API it'll be render!

Topics :

πŸŽ₯ 1. IMDB API
πŸŽ₯ 2. Using an API in React
πŸŽ₯ 3. Axios dependencie to make the requests
πŸŽ₯ 4. Transitions
πŸŽ₯ 5. Carousel effect
πŸŽ₯ 6. Navbar transition
πŸŽ₯ 7. ASYNC Javascript
πŸŽ₯ 8. Promises
πŸŽ₯ 9. React Hooks
πŸŽ₯ 10. React Youtube component and movieTrailer

Tech Stack

🎬 Fron-end React
🎬 Back-end Firebase

Installation

Clone the repo in your terminal writting:

$ git clone https://github.com/josh231101/EJS-Blog-Web-Page.git

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

TODO πŸ’»

πŸ“Œ Implement LogIn and Register session

About

Netflix Clone with React and IMDB API

https://netflix-clone-e8de1.web.app/


Languages

Language:JavaScript 63.5%Language:CSS 29.5%Language:HTML 7.0%