🎬 Movies App

A sleek and modern movie browsing app built with React 19, powered by Vite, using Appwrite for backend services and TMDB API for fetching movie data. Browse popular movies, see what's trending, and search with a smooth, optimized user experience.

🔗 Live Demo: https://react19-movies-app.vercel.app/

---

✨ Features

• 🔥 Trending & Popular Movies: Fetched directly from TMDB API.
• 🔍 Optimized Search: Debounced search input for better performance.
• 📈 Trending Based on Searches: Stores search count and movie ID in Appwrite DB to determine most-searched movies.
• 💾 Backend Powered by Appwrite: Used for managing searched movie metadata.
• ⚡️ Fast & Modern Frontend: Built using React 19 and Vite for lightning-fast development.
• 📱 Responsive Design: Looks great on mobile, tablet, and desktop.

---

🛠️ Tech Stack

• Frontend: React 19 + Vite
• Backend: Appwrite (Database & API integration)
• External API: TMDB API
• Styling: Tailwind CSS
• Hosting: Vercel

---

🖼️ Screenshots

Home Page

trendings

Popular

---

🚀 Getting Started

Clone the repo

git clone https://github.com/your-username/react19-movies-app.git
cd react19-movies-app

npm install

Create an account on appwrite and TMDB

🔗 Appwrite appwrite

🔗 TMDB: TMDB

---

Add environment variables

Create a .env file in the root of your project and add the following:

.env

VITE_TMDB_API_KEY=your_tmdb_api_key
VITE_APPWRITE_PROJECT_ID=your_appwrite_project_id
VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
VITE_APPWRITE_DATABASE_ID=your_db_id
VITE_APPWRITE_COLLECTION_ID=your_collection_id

Run the development server

npm run dev