MovieVerse is a web application that allows users to browse and search for movies across various categories such as Now Playing, Popular, Top Rated, and Upcoming. Additionally, users can search for specific genres or themes and get movie suggestions based on their preferences using OpenAI's GPT technology.
- Movie Listings: Browse Now Playing Movies, Popular Movies, Top Rated Movies, and Upcoming Movies.
- Search Functionality: Search for specific movies or genres.
- Personalized Suggestions: Get movie suggestions based on your preferences (e.g., search for "funny movies" to get comedy suggestions).
- Multi-language Support: Available in multiple languages including English, Hindi, and Spanish.
- Authentication: Secure login and authentication using Firebase.
- State Management: Managed using Redux.
- Responsive Design: Styled using Tailwind CSS for a responsive and modern UI.
- JavaScript
- RegEx:
- React: Frontend framework for building the user interface.
- Tailwind CSS: For styling the application.
- Firebase: For authentication.
- Redux: For state management.
- TMDB API: To fetch movie data.
- OpenAI API: To generate movie suggestions based on user input.
To get started with the project, follow these steps:
- Node.js and npm installed on your system.
- API keys for TMDB and OpenAI.
You need to obtain API keys for both TMDB and OpenAI.
-
Clone the repository:
git clone https://github.com/sreenadh34/MovieVerse.git
-
Install dependencies:
npm install
-
Create a .env file in the root directory of the project and add your API keys as shown below:
VITE_TMDB_KEY=your_tmdb_api_key
VITE_OPENAI_KEY=your_openai_api_key
-
Start the development server:
npm run dev
The app should now be running at http://localhost:3000.