Filmpire is a React application developed out of my passion for Web Development. This application provides users with information about a wide variety of films, allowing them to search for films, view detailed information, and save their favorite films.
- The application is live and hosted on Azure using Docker image. You can access it here.
- Secondary Hosting on netlify. You can access it here.
-
Application Home Page Screenshot - Light Mode
-
Application Home Page Screenshot - Dark Mode
- Search for films by title 🕵️♂️
- View detailed information about each film and actor 🎞️🎭
- Save favorite films for creating a favorite movie list 📝
- Watchlist movies for later viewing 📺
- Theme Options - Dark Mode & Light Mode 🌓
- Voice AI integration with Alan AI 🗣️
- Home Page: The landing page where users can search for films.
- Movie Information Page: Displays detailed information about a selected film.
- Actor's Page: Displays detailed information about the Actor and a list of their movies.
- Profile Page: Displays information about your TMDB profile, and lists your Favorited and Watchlisted movies.
- React: A JavaScript library for building user interfaces, used latest React 18 features.
- React Router: A standard routing library for React.
- Axios: A Promise-based HTTP client for JavaScript.
- Material UI: A popular React UI framework for designing and styling the app.
- Alan AI: Voice AI platform for creating conversational experiences in applications.
- TMDB API: API used for fetching movie data.
- Docker: Docker Compose used for containerizing the application.
- Azure: The application is hosted on Azure Web Services using Azure Container Registry.
To install and run this project locally on your machine, follow the steps below.
- Clone the repository:
git clone https://github.com/Amit-10101/Filmpire-AI-Powered-Movie-App.git- Navigate into the project directory:
cd Filmpire-AI-Powered-Movie-App- Install the project dependencies:
npm install- Start the application:
npm run devThe application will start running on http://localhost:5173.
This application is dockerized using Docker Compose. For more information on how to build and run the Docker container, please refer to the README.Docker.md file.
The application is hosted on Azure Web Services using Azure Container Registry. Azure's load balancing capabilities ensure high availability and scalability for the application, effectively distributing incoming traffic for optimal performance.
Happy coding! 💻