Inspiration

There are always so many movies to watch from, but it takes a super long time to find a movie to watch. We needed a way to simplify the searching process. It looks through all streaming services selected so that you don't have to search on every streaming service.

What it does

First, it takes the user's input of the filters: Streaming Service, Genre, and Release Year. Then it searches by the genre through all the movies in the IMDb database to find which movies have all the aspects the user wanted. Uses the movie details to get the services the movies are available on and filters again. The resulting page will show the top 5 movies, each with a information about the movie and a link to take you directly to watch the movie on the streaming service.

How we built it

We used JavaScript, HTML, and CSS, along with the React Framework to create the project. We used web caching to reduce the loading time.

Challenges we ran into

We had difficulties with taking the info/filters from the user form and sending it to the code that would find the movies while changing the page to the resulting movie list page. We had problems with the asynchronous functions and learned how the async and await keywords work.

Accomplishments that we're proud of

A completed project :) Being able to take a small idea and turn it into a full project that works!!

What we learned

How to use JavaScript, HTML, and CSS to do API calls, take in input from users, and routing URLs.

What's next for ZotFlix

Add more filters to search from and movie information for the movie list. We also want to improve the UI of the project.

Built With

Share this project:

Updates