Netflix Clone using React18, Typescript, Material UI, and TMDB API
Prerequests
- Create an account if you don’t have on TMDB. Because I use its free API to consume movie/tv data.
- And then follow the documentation to create API Key
- Finally, if you use v3 of TMDB API, create a file named
.env.local, and copy and paste the content of.env.example. And then paste the API Key you just created.
Which features this project deals with
- How to create and use Custom Hooks
- How to use Context and its provider
- How to use lazy and Suspense for Code-Splitting
- How to use Portal
- How to use Fowarding Refs to make components reusuable
- How to create and use HOC
- How to customize default theme of MUI
- How to use RTK
Third Party libraries used except for React and RTK
Contact
Note There might be several things to improve. Because this project aims to show how to use the features mentioned above. So I welcome anyone who wants to contribute.
A Similar and More Complex project
I am working on Afrikast, a more complex project now.
It has almost all the features are needed in a common video streaming website.
If anyone is interested in the project, you can log in with the following user, and explore the website.
webdev@gmail.com/123456