https://github.com/mentorbuteyodev/movie-app-react
Discover movies you'll love with the Movie Discovery App — a sleek, fast, and user-friendly platform built with React, Vite, and Appwrite. Search thousands of titles, explore trending films, and enjoy a seamless experience powered by modern web technologies.
https://github.com/mentorbuteyodev/movie-app-react
appwrite frontend javascript movie-app react tailwindcss vite web-development
Last synced: 2 months ago
JSON representation
Discover movies you'll love with the Movie Discovery App — a sleek, fast, and user-friendly platform built with React, Vite, and Appwrite. Search thousands of titles, explore trending films, and enjoy a seamless experience powered by modern web technologies.
- Host: GitHub
- URL: https://github.com/mentorbuteyodev/movie-app-react
- Owner: mentorbuteyodev
- Created: 2025-07-24T12:52:55.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2025-07-31T08:35:51.000Z (11 months ago)
- Last Synced: 2025-07-31T09:51:06.871Z (11 months ago)
- Topics: appwrite, frontend, javascript, movie-app, react, tailwindcss, vite, web-development
- Language: JavaScript
- Homepage:
- Size: 3.01 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎬 Movie Discovery App — Built with React + Vite + Appwrite
Welcome to the **Movie Discovery App**, a blazing-fast web application that helps users find and explore movies they'll love — without the hassle.
Built with modern tools, clean architecture, and an eye for design.
> 🚧 This is a work in progress. Stay tuned for continuous improvements.
---
## 🚀 Features
- 🔍 Search through thousands of movies instantly
- 🎨 Clean and responsive UI with dark mode support
- 🧠 Smart and intuitive interface
- 🔐 Secure user authentication and backend data via **Appwrite**
- ⚡️ Fast performance using **React 18 + Vite**
- 🛠️ Extensible architecture for future enhancements (e.g., watchlists, reviews)
---
## 🧱 Tech Stack
- **Frontend**: [React](https://reactjs.org/) + [Vite](https://vitejs.dev/)
- **Backend**: [Appwrite](https://appwrite.io) (Authentication + Database)
- **Styling**: Tailwind CSS or Custom CSS
- **Movie API**: External (e.g., TMDB or OMDb)
- **State Management**: React Hooks / Context API
---
## 🛠️ Getting Started
Follow these steps to set up the project on your local machine.
### 1. Clone the repository
```bash
git clone https://github.com/mentorbuteyodev/movie-app-react.git
cd movie-app-react
```
### 2. Install dependencies
```bash
npm install
```
### 3. Configure Environment Variables
Create a ``.env`` file at the root with the following:
```bash
VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT=your_project_id
VITE_APPWRITE_DATABASE_ID=your_database_id
VITE_APPWRITE_COLLECTION_ID=your_collection_id
```
> 🔐 Make sure to replace the placeholders with your actual Appwrite project values.
### 4. Start the development server
```bash
npm run dev
```
The app will be running at http://localhost:5173
---
## 📦 Free Assets & UI Snippets
Use these helpful resources to speed up development and design.
- JS Mastery Pro
- Free Video Kit Assets
Explore more at https://jsmastery.com
---
## ✅ Linting & TypeScript Support
This project includes basic ESLint configuration.
To improve:
- Migrate to TypeScript
- Enable type-aware rules via typescript-eslint
- Check the React + TypeScript template for reference
---
## 📄 License
This project is licensed under the MIT License.
---
## 🙌 Built With
Made with ❤️