A simple and responsive movie search application built using React for the frontend and Appwrite for backend services. This app allows users to:
- 🔥 View trending movies
- 🔍 Search for any movie by title
- 🎨 Enjoy a clean, modern UI without the need to log in
Live Demo: Visit the website
- Features
- Tech Stack
- Screenshots
- Setup Instructions
- Folder Structure
- Future Improvements
- License
- Author
- Trending Movies: Displays a curated list of trending movies on page load
- Search Functionality: Live search to explore movie titles
- Responsive Design: Works well across devices
- No Authentication: Public access, no login required
- Fast and Lightweight: Built using React with minimal dependencies
| Layer | Technology |
|---|---|
| Frontend | React.js, CSS |
| Backend | Appwrite (Cloud/Self-hosted) |
| Movie API | TMDB or similar movie API |
| Hosting | Hostinger |
git clone https://github.com/your-username/movie-search-app.git
cd movie-search-appMake sure Node.js and npm are installed, then run:
npm installCreate a .env file in the root folder and add the following:
VITE_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_ID✅ This app does not require login — Appwrite collections should be public or allow anonymous read access.
npm startVisit the app at http://localhost:5173
src/
├── assets/ # Static Assets
├── components/ # UI components (MovieCard, SearchBar, etc.)
├── appwrite.js # API interaction logic (Appwrite & Movie API)
├── App.jsx # Root component
└── main.jsx # Application entry point
- Infinite scrolling or pagination
- Movie detail page with additional metadata
- Dark mode support
- Loading and error states
- CI/CD deployment pipeline
This project is licensed under the MIT License.
Shubham Aggarwal GitHub • LinkedIn