Home

Awesome

<div align="center"> <a href="http://netflix-clone-with-tmdb-using-react-mui.vercel.app/"> <img src="./public/assets/netflix-logo.png" alt="Logo" width="100" height="32"> </a> <h3 align="center">Netflix Clone</h3> <p align="center"> <a href="https://netflix-clone-react-typescript.vercel.app/">View Demo</a> · <a href="https://github.com/crazy-man22/netflix-clone-react-typescript/issues">Report Bug</a> · <a href="https://github.com/crazy-man22/netflix-clone-react-typescript/issues">Request Feature</a> </p> </div> <details> <summary>Table of Contents</summary> <ol> <li> <a href="#prerequests">Prerequests</a> </li> <li> <a href="#which-features-this-project-deals-with">Which features this project deals with</a> </li> <li><a href="#third-party-libraries-used-except-for-react-and-rtk">Third Party libraries used except for React and RTK</a></li> <li> <a href="#contact">Contact</a> </li> </ol> </details> <br /> <div align="center"> <img src="./public/assets/home-page.png" alt="Logo" width="100%" height="100%"> <p align="center">Home Page</p> <img src="./public/assets/mini-portal.png" alt="Logo" width="100%" height="100%"> <p align="center">Mini Portal</p> <img src="./public/assets/detail-modal.png" alt="Logo" width="100%" height="100%"> <p align="center">Detail Modal</p> <img src="./public/assets/grid-genre.png" alt="Logo" width="100%" height="100%"> <p align="center">Grid Genre Page</p> <img src="./public/assets/watch.png" alt="Logo" width="100%" height="100%"> <p align="center">Watch Page with customer contol bar</p> </div>

Prerequests

Which features this project deal with

Third Party libraries used except for React and RTK

Install with Docker

docker build --build-arg TMDB_V3_API_KEY=your_api_key_here -t netflix-clone .

docker run --name netflix-clone-website --rm -d -p 80:80 netflix-clone

Todo