Filmnest - A Cinematic Resource and Film Recommendation System

Film Nest is a cutting-edge cinematic resource and film recommendation platform designed to provide users with personalized movie suggestions, detailed information on films, and an engaging user experience. Built using React, Tailwind CSS, Redux, and integrated with Gemini and TMDB APIs, this application is perfect for film enthusiasts and showcases advanced web development practices. Authentication is powered by Firebase for a secure and seamless login experience.

Features

• Personalized Film Recommendations: Recommends movies based on user preferences and past interactions.
• AI-Powered Search: Advanced search capabilities powered by Gemini API for intuitive and accurate results.
• Interactive User Interface: Built using React for a seamless and engaging user experience.
• Responsive Design: Designed with Tailwind CSS to ensure compatibility across all devices.
• State Management: Efficiently manages app state with Redux for better performance and structure.
• Detailed Film Information: Fetches data from TMDB and Gemini APIs to provide rich and comprehensive movie details.
• User Authentication: Secure login and registration functionality powered by Firebase.

Technologies Used

• React.js: For building the user interface.
• Tailwind CSS: For easy and responsive styling.
• Redux: For managing application state.
• TMDB API (The Movie Database API): A powerful API providing access to a vast collection of movie, TV show, and actor information, including ratings, genres, and trailers.
• Gemini API: An AI-powered platform enabling advanced search functionality and personalized movie recommendations based on user preferences.
• Firebase Authentication: For secure user login and signup, ensuring data protection and smooth user management.

Demo

Link to Demo Video

Installation and Setup

Follow these steps to get the project running locally:

1. Clone the repository:

   git clone https://github.com/sankaraxi/filmnest-gpt.git
   cd filmnest-gpt
   

2. Install dependencies:

   npm install

3. Configure Firebase:

• Create a Firebase project and enable authentication.

• Add your Firebase configuration in a .env file:

  REACT_APP_FIREBASE=<your-api-key>

4. Configure Gemini:

• Generate Gemini Key from https://ai.google.dev/ for your project.

• Add your Gemini configuration in a .env file:

  REACT_APP_GEMINI_API=<your-api-key>

5. Start the development server:

   npm start

   Navigate to http://localhost:3000 in your web browser to view the app.

Screenshots

BrowsePage Gemini Search Page Movie Details Page

Future Enhancements

• Advanced filtering options for genres, release years, and ratings.
• Enhanced recommendation algorithms using machine learning.
• User profiles to track watchlists and viewing history.
• Social sharing features to recommend films to friends.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository and create a pull request with your changes.

Contact

For any questions or feedback, please reach out at [email protected] or connect with me on LinkedIn.

Enjoy coding and happy contributing!