MOVIE MATE HUB

Check the project here

Movie-Mate-Hub

Overview

Movie Mate Hub is a web application for movie enthusiasts. Interacts with an API and offers a vast collection of movies. With detailed information about any film, from plot summaries to cast, and provides a list of movies by genre. Responsive, user-friendly, and packed with real-time data

color palette

Project Requirements

• The app needs to be a single page application. That means only one index.html file and JavaScript needs to update the html using DOM manipulation.
• The app needs to interact with an API to grab data.
• The app needs to have loading/error handling for the interaction with the API.
• The app needs some user interaction such that you need to grab different data from the API.
• Use more than one API.
• The UI needs to be testable.
• The app needs to be responsive.

Must Have

1- Create the project structure.
2- Develop a search feature to enable users to find movies by title.
3- Create a user-friendly interface for browsing movies by genre.
4- Implement loading and error handling for interactions with the API.
5- Implement responsive design for smaller screens.
6- Prepare the project repository for deployment.

Nice to Have

1- Implement a feature that allows users. 
2- Create change theme button.

Public APIs in Use

• Advanced Movie Search
• OMDb API

Getting Started

To get started you can simply clone the repo, run the project locally, simply open the index.html file in your browser using a local server. LiveServer, http-server, study-lenses, etc... No additional dependencies or setup are required as this project uses vanilla JavaScript for functionality.
Enjoy exploring the website!

Directory Structure

Movie-Mate-Hub
├── public
├── src
│   ├── pages
│   └── views
│   ├── app.js
│   ├── data.js
├── index.html