FlickFinder is a modern movie discovery app that helps you find top-rated movies with ease. Using the YTS API, FlickFinder displays the top 20 movie results based on a minimum rating threshold. Users can browse through the movies on the home page, click on a movie to view detailed information, and get a direct link to watch the movie.
You can check out the live version of FlickFinder here: FlickFinder Live Demo
- Top-Rated Movies: Displays the top 20 movies based on user-defined minimum rating.
- Detailed Information: Provides detailed information about each movie, including synopsis, genres, and year of release.
- Direct Watch Links: Direct links to watch the selected movies.
- Dynamic Filtering: Users can dynamically filter movies by adjusting the rating threshold.
- React.js: A JavaScript library for building user interfaces.
- React Router: For managing navigation and routing between different pages.
- CSS: Custom styling to achieve a sleek, Netflix-like interface.
- YTS API: For fetching movie data.
To run FlickFinder locally, follow these steps:
- Clone the repository:
git clone https://github.com/minhosong88/FlickFinder.git- Navigate to the project directory:
cd FlickFinder
- Install the dependencies:
npm install- Start the development server:
npm start- Open your browser and navigate to:
http://localhost:3000- Adjust the rating slider on the home page to filter movies by minimum rating.
- Click on a movie card to view detailed information about the movie.
- Use the "Watch" button to open the movie's direct link for viewing.
Contributions are welcome! Please feel free to submit a Pull Request or open an issue for any suggestions or improvements.
For any inquiries or support, please contact me at:
- GitHub: minhosong88
- Email: hominsong@naver.com
This project is licensed under the MIT License. See the LICENSE file for more details.