Movie Database is an innovative movie browsing and discovery platform built using React.js, integrated with Appwrite for backend services, and styled with TailwindCSS. The application utilizes a sophisticated algorithm for showcasing trending movies, enhancing user experience with dynamic content delivery.
- React.js - For building the user interface.
- Appwrite - Backend server for handling API requests and database management.
- Tailwind CSS - For designing a responsive and modern UI.
👉 Browse All Movies: Explore a wide range of movies available on the platform.
👉 Search Movies: Easily search for specific movies using a search function.
👉 Trending Movies Algorithm: Displays trending movies based on a dynamic algorithm.
👉 Modern UI/UX: A sleek and user-friendly interface designed for a great experience.
👉 Responsiveness: Fully responsive design that works seamlessly across devices.
and many more, including code architecture and reusability
Set Up Environment Variables
Create a new file named .env.local in the root of your project and add the following content:
VITE_IMDB_API_KEY=
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_COLLECTION_ID=Replace the placeholder values with your actual TheMovieDatabase API and Appwrite credentials. You can obtain these credentials by signing up on the TheMovieDatabase and creating a new project on the Appwrite
Prerequisites
- Git
- Node.js
- npm
Cloning and Installation
git clone https://github.com/pbsvk/moviedatabase.git
cd MovieDatabase
npm install
npm run dev