This project is my take on the Netflix webapp using themoviedb.org APIs
It contains:
- React v18
- Typescript
- Vite
- pnpm
- Redux toolkit + query
- Data cache
- React Portal
- Lazy image fetching (IntersectionObserver)
- React router
- MUI
- dotenv files
- custom hooks
- path aliases
Work pending:
- testing
- better responsive
-
Clone project
-
On terminal, execute
pnpm install
-
Register on themoviedb.org webpage and create an API key
-
Create a
.env
file on the root folder containing the following:VITE_ACCESS_TOKEN={{THE ACCESS TOKEN FOUND IN THE THEMOVIEDB WEBPAGE AFTER REGISTERING}} VITE_THEMOVIEDB_IMAGE_URL=https://image.tmdb.org/t/p VITE_THEMOVIEDB_API_URL=https://api.themoviedb.org/3
-
Execute
pnpm run dev
enjoy!
Author: Francisco Castillo González