One Place Solution to find details about all the Popular Movies.
Introducing MovieFix, a robust and easy to use interface to view details about all the popular movies with many different features to enhance use experience. A Smooth and clean UI with organized data.
- Landing Screen with movies categorized by years. (Infinite Scrolling Which loads data of Previous years when you scroll up and next year when you scroll down)
- In Headers I have added Genres Filter, You can select Multiple Genres and the view will show the movies as per selected Tags. Data is loaded in chunks when you scroll down.
- In Headers I have also Added a Search Movies option. you can search movies by using the search box.
- Maintainable and production grade code.
- Added type-safety using Typescript.
To run this project, you will need to add the following environment variables to your .env file.
VITE_API_KEYTo get you own API_KEY visit TheMoviesDb website and create an account. Then get the API_KEY of your account and add it into the .env file
- Goto NodeJs, download and install it.
- Check if node is installed. Run this command, you should be able to see versions of node and npm.
node -vnpm -v
npm installnpm run dev