Skip to content

Repository files navigation

🎬 Movie Explorer App

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.


⚙️ Tech Stack

  • 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.

🔋 Features

✅ Browse All Movies
🔍 Search Movies Instantly
🔥 View Trending Movies (based on Appwrite data)
🖥️ Responsive Design
🎨 Modern UI/UX
♻️ Reusable and clean component structure


🚀 Quick Start

🔧 Prerequisites

Ensure you have the following installed:

  • Git
  • Node.js
  • npm

📦 Installation

git clone https://github.com/yourusername/react-movies.git
cd react-movies
npm install

🌐 Environment Variables

Create 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.

▶️ Run Locally

npm run dev

Visit http://localhost:5173 to view the app locally.


About

A sleek and responsive Movie App built using React.js, Appwrite, and TailwindCSS. Features real-time movie search, trending suggestions using TMDB API, and a modern UI. Designed for scalability with clean code architecture and rapid development tools.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages