Movie Search Engine

Where can I watch my movie for movie night?

Comment

Inspiration

Our inspiration for this project was the constant struggle we have when trying to have a movie night. We usually think of a movie then have to go on google to find which streaming service has the movie. The problem that we often have is that the search provides results for everything including non-free places to watch the movie. So we wanted to create a program that gives us where to watch the movie we want but only for the streaming services we have.

What it does

This web app lets you search for any movie or series and get basic info about the movie such as how long it is, when it was released, and the genres. It also returns on which streaming services the movie is on and gives the links to the movie as well.

How we built it

We built this project with HTML, CSS, and Javascript. We also used the streaming availability API from Rapid API to be used as our database for the movies/tv shows and their information. We began first by creating and writing the html file. Next we created and wrote most of the CSS file to make the program visually appealing. Then, we created and wrote the javascript file up to the point of retrieving the data we wanted from the API. finally we switched back and forth between the CSS file and Javascript file to write and build the remaining part of our program.

Challenges we ran into

The main challenge that we ran into was figuring out how to use the API and extract data from it. Some smaller challenges we faced was hiding links we didn't need and making everything centered.

Accomplishments that we're proud of

We are very proud of figuring out the API and being able to finish in time to submit a project.

What we learned

We learned how to use an API using a fetch call and we also learned how to then us the data we got from the API and have it show up in our HTML file using the .innerHTML method on our variable.

What's next for Movie Search Engine

The next thing for the movie search engine would to add the ability to create an account so each account would be able to input which streaming services they specifically have so the program would be more customizable.

Built With

Share this project:

Updates