vikaass-08 / movie-app

Movie Details visualizer

MovieFix

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.

Features Provided

• 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.

Local Setup

Environment Variables

To run this project, you will need to add the following environment variables to your .env file.

• VITE_API_KEY To 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

Installing Node

• 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 -v
• npm -v

Commands to run

• npm install
• npm run dev