Live Demo: abhi17bgp.github.io/MovieGuide-website
MovieGuide is a simple web application built using HTML, CSS, and JavaScript. It allows users to search for movies and view detailed information like title, poster, genre, rating, and overview. The app fetches real-time data from The Movie Database (TMDb) API and is styled for a responsive and user-friendly experience.
This project was created as part of a learning journey to explore API integration and dynamic DOM manipulation using vanilla JavaScript.
- 🔍 Search for movies using keywords
- 🎞️ View detailed movie information (poster, title, genre, rating, overview)
- ⚡ Real-time results using TMDb API
- 💡 Responsive design for all screen sizes
- 🧪 Built using only HTML, CSS, and JavaScript (no frameworks)
| Technology | Purpose |
|---|---|
| HTML | Page structure |
| CSS | Styling and responsiveness |
| JavaScript | DOM manipulation and API integration |
| TMDb API | Fetching movie data |
| GitHub Pages | Hosting the live site |
MovieGuide-website/
├── index.html # Main HTML file
├── style.css # Stylesheet for layout and design
├── script.js # JavaScript logic (API, search, rendering)
└── README.md # Project documentation
# 1. Clone the repository
git clone https://github.com/abhi17bgp/MovieGuide-website.git
# 2. Navigate into the project folder
cd MovieGuide-website
# 3. Open index.html in your browser