A sleek and responsive movie discovery platform built with React.js, Appwrite, and TailwindCSS.
Search, explore trending titles, and discover new favorites — powered by TMDB API and a clean UI.
- React.js – For building interactive UI components.
- Appwrite – Backend-as-a-Service for database and analytics.
- Tailwind CSS – Utility-first CSS framework for modern UI styling.
- Vite – Lightning-fast frontend build tool.
- React-use – Simplifies React hooks and effects.
✅ Browse All Movies
🔍 Search Movies Instantly
🔥 View Trending Movies (based on Appwrite data)
🖥️ Responsive Design
🎨 Modern UI/UX
♻️ Reusable and clean component structure
Ensure you have the following installed:
- Git
- Node.js
- npm
git clone https://github.com/yourusername/react-movies.git
cd react-movies
npm installCreate a .env.local file in the root of your project and add the following:
VITE_TMDB_API_KEY=your_tmdb_api_key
VITE_APPWRITE_PROJECT_ID=your_appwrite_project_id
VITE_APPWRITE_DATABASE_ID=your_appwrite_database_id
VITE_APPWRITE_COLLECTION_ID=your_appwrite_collection_id
VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
⚠️ Replace all placeholders with your actual API credentials.
npm run devVisit http://localhost:5173 to view the app locally.