MovieBase 🎬

A high-performance movie discovery application built with React 19 and Tailwind CSS, featuring real-time data fetching from TMDB and a custom-built trending system using Appwrite.

🚀 Key Features

Optimized Search: Implemented Debouncing to minimize API overhead and improve client-side performance during user input.

Dynamic Data Fetching: Seamlessly integrates with the TMDB API using asynchronous operations and custom headers for secure Bearer Token authentication.

Real-time Trending System: Built a backend integration with Appwrite to track and display the most searched movies across the platform.

Responsive UI: A mobile-first, "dark-mode" aesthetic built with Tailwind CSS, focusing on modular component architecture.

Performance Monitoring: Leverages Vite for ultra-fast builds and optimized asset bundling.

🛠️ TECH STACK

Frontend: React.js, Tailwind CSS, Lucide React (for icons).

Backend-as-a-Service: Appwrite (Database & API tracking).

API: TMDB (The Movie Database).

State Management: React Hooks (useState, useEffect, useDebounce).

🔧 Engineering Highlights

To ensure the app remains performant and user-friendly, I focused on:

Network Resilience: Implemented robust error handling to manage API rate limiting and regional connectivity timeouts.

Clean Code: Followed a strict component-based architecture to ensure reusability (e.g., MovieCard, Search, Spinner).

Environment Security: Managed sensitive API keys and Appwrite project IDs through .env configurations to follow industry security standards.