Movie Zone is a sleek and responsive movie search web application that lets users explore movies in real-time using the TMDB (The Movie Database) API. Built with vanilla JavaScript, HTML, and CSS, this project demonstrates clean UI/UX design, API integration, and responsive frontend development.
- 🔍 Search by Movie Title — Fetches and displays real-time movie data using the TMDB API
- 🖼️ Dynamic Movie Cards — Shows poster, title, year, and more
- 📱 Responsive Design — Looks great on mobile, tablet, and desktop
- 🧑💻 Vanilla JavaScript App — Built without frameworks or libraries
- 🔄 Error Handling — Displays helpful messages for missing results or broken data
- 🧪 Placeholder Image Support — Automatically handles missing posters
- HTML5
- CSS3
- JavaScript (ES6+)
- TMDB API
Movie-Zone-GDG-AASTU/
├── assets/
│ └── (placeholder image)
├── index.html
├── style.css
└── script.js
To run the project locally:
# Clone the repository
git clone https://github.com/ibsa-a1/Movie-Zone-GDG-AASTU.git
# Open index.html in your browserNo dependencies or build tools required.
👨💻 About the Developer
Movie Zone is a movie search application developed by Ibsa A.. It utilizes the TMDB API to deliver a responsive and interactive user experience.
Built using vanilla JavaScript, HTML, and CSS, this project highlights my skills in API integration, front-end development, and UI/UX design. I focused on creating a clean and functional interface to make browsing movies simple and enjoyable.
If you like this project:
- ⭐️ Star this repo
- 🍴 Fork and build on it
- 📢 Share it with others