MovieMuse

Have you ever found yourself scrolling endlessly trying to find the right movie? Settling on the first movie you see after searching for the last 30mins? cough You could’ve watched an episode of The Office while deciding. With Movie Muse you’ll be able to instantly search our movies database and filter the results based on categories, popularity and trending. Using our secret algorithm, you search for a movie through a category and you can reroll up to 5 times. What happens after 5? Time to pick your movie, sit back, play and enjoy cinematic brilliance. Movie choices, made simple.

Deployed page URL

Click Here for Deployed App

Description

A web application which enables the user to make informed decisions on movies, from general popular movies to specific movies, enabled through searching the database which uses 'The Movie Database (TMDB)' API (https://developer.themoviedb.org/docs/getting-started) to achieve the desired results inputed from the client-side.

This project features a movie database, giving the user the option to search through:

• Category
• Trending Movies
• Specific Movies By Title

It can also provide the user with information including:

• Synposis
• Cast
• Rating

Table of Contents

• Installation
• Usage
• License
• Contributing
• Tests
• Using
• Questions

Installation

Running the project locally:

• Please clone the repository using either SSH or HTTPS so that you are able to run

Ensure that you have the following installed on your machine prior to running the application:

• Node.js installed on your machine.
• npm (Node Package Manager) installed.

Then:

• $npm i
• $npm run dev

Accessing deployed application:

• Please access the app using the deployed link: https://main--movie-muse.netlify.app/

Usage

1. User desires to find a movie to watch.
   
2. User will access Movie Muse and is able to either:
   
   
   • Scroll through the web application to pick from the most popular and/or top rated movies
     OR
     
   • Use the search bar to look for a specific movie
     
     
3. Then, the user will be able to click on the movie they have selected and view more information about it, whilst also being able to press the 'Favourite' button to save the movie, where they are then able to retrive it again.

Webpage Features

Screenshot of App Desktop View

Desktop view of app landing hero page

GIF of App been used

GIF of App responsivness

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

https://github.com/georgiehackett
https://github.com/addy306
https://github.com/vlee109
https://github.com/abdeeg
https://github.com/angelikawidz

Tests

Test using $npm run dev

Using:

• Javascript
• HTML
• CSS
• Boostrap
• TMBD API
• React
• Vite
• Netlify
• Figma
• Miro
• Kanban

Questions

If you have any questions, feel free to reach out via GitHub