A modern movie discovery web application built using React, Vite, Tailwind CSS, TMDB API, and Appwrite.
Live Demo → https://cinevora.netlify.app/
- 🔎 Real-time movie search
- 🎬 Trending movies section
- ⚡ Debounced search for better performance
- 📊 Search analytics tracking with Appwrite
- 🌙 Modern dark UI design
- 📱 Fully responsive across devices
- 🚀 Deployed on Netlify
- React
- Vite
- Tailwind CSS
- TMDB API
- Appwrite
- Netlify
Clone the repository:
git clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git
cd my-first-react-appnpm installVITE_TMDB_API_KEY=your_tmdb_api_key
VITE_APPWRITE_PROJECT_ID=your_project_id
VITE_APPWRITE_DATABASE_ID=your_database_id
VITE_APPWRITE_COLLECTION_ID=your_collection_idnpm run devnpm run buildThis project uses Appwrite to:
-
Track search counts
-
Store trending movie metrics
Make sure you:
-
Create a project in Appwrite
-
Create a database
-
Create a collection (e.g., metrics)
-
Add required attributes:
-
searchTerm (string/text)
-
count (integer)
-
movie_id (string)
-
poster_url (string)
-
Contributions, suggestions, and improvements are welcome.
If you'd like to:
Improve UI
Optimize performance
Add new features
Fix bugs
Feel free to fork the repo and create a pull request.
You can also open an issue to discuss ideas.
The project is deployed using Netlify.
To deploy:
npm run buildThen upload the dist folder to Netlify.
Created by Sushil Kumar Mishra
GitHub → https://github.com/Sushil2k4
This project is open source and available under the MIT License.
git add .
git commit -m "Updated README with full documentation"
git push
