- Search and watch movies: users can search for movies by title and can watch them easily.
- Faster Scrolling : Only set of 20 movies are loaded stepwise on scroll basis ensuring performance boost
- Genre-wise display: movies can be sorted by genre including multiple genre filtering.
- Infinite Scrolling: Provides ability to load movies of previous year and next year once user scrolls in any direction.
- Movie Details: users can view detailed information about each movie , along with genre , director , etc from TMDB API.
- Ratings: The Cards also feature the latest Movie ratings for ease.
- Displaying the 20 Movies per year sorted by popularity from TMDB webiste using given API and showcasing in form of cards.
- Genre Filtering is provided for Movie List , user can filter by select multiple Genres also.
- Infinite Scrolling in both directions for loading previous year or next year movies respectively.
- Implemented the Search Functionality for searching movies based on search inputted text.
- Smooth Scrolling while loading new movies without any jitters.
MovieFlix is built using the following technologies:
- ReactJS
- HTML/CSS
- TMDB API
Note :- I have already deployed the github live code on server here :- https://movie-app-ymkw.vercel.app/ Still If it's not up or you want to run code in local system then follow below set of instructions.
Firstly, download the entire website code and extract the ZIP file to a folder on your local system.
After extraction Open folder name 'MyApp' from terminal and then install all node dependencies using 'npm install'.
After 'npm install' command is finished in terminal , type 'npm start' command and this should open browser tab automatically. This will start the application. Open a web browser and navigate to http://localhost:3000 to access the website if not opened by default.
note :- In case of any doubt feel free to contact me!
- Check out our live demo at https://movie-app-ymkw.vercel.app/
Contributions are always welcome, open a Pull Request and help us improve our project.