🍿MovieFlix🍿

MovieFlix is a Simple React-based movie web application almost a Netflix Clone built in react library that allows users to search for movies by title, sort them by multiple genres, display movie as a cards and provides infinite scrolling in dual direction. The website is designed to be user-friendly , responsive designed and visually appealing.It displays a list of movies from The Movie Database (TMDb) API. The app displays top movies for each year sorted by popularity and users can filter by multiple genres, the app also loads top movies from previous / next years as the user scrolls through the list.The application is also hosted on live server , it can be accessed from here https://movie-app-ymkw.vercel.app/

---

---

🍿 Features

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

---

🍿 List of Requirements Covered

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

🍿 Technology

MovieFlix is built using the following technologies:

• ReactJS
• HTML/CSS
• TMDB API

---

🍿 How to Run the Website on Your System

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.

Step 1: Download and Extract the Code

Firstly, download the entire website code and extract the ZIP file to a folder on your local system.

Step 2: Install and run the node dependencies.

After extraction Open folder name 'MyApp' from terminal and then install all node dependencies using 'npm install'.

Step 3: Run the Website

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!

---

🍿 Demo

• Check out our live demo at https://movie-app-ymkw.vercel.app/

😍 Contribution

Contributions are always welcome, open a Pull Request and help us improve our project.