BingeMate

Inspiration

The feelings that comes when reaching the end of a fantastic television show or movie are often a sour combination of excitement that the final moment will be reached and disappointment that the experience will soon be over. BingeMate attempts to reduce the feeling of disappointment by allowing users to find great movies and shows just like that fantastic one that sadly came to an end.

What it does

BingeMate solves the troubling task of finding a new movie or series to watch. The website allows users

How we built it

We built BingeMate using ReactJS to access The Movie Database's API and query hundreds of thousands of movies and TV shows. The user enters a search term that is ran through TMDB and returns results that the user can select from, prompting the page to show recommended movies or shows based off of this.

Challenges we ran into

We ran into several challenges along the way. One of these was the inability for buttons in the main content section to redirect to other pages using react-router. This unfortunately meant that these buttons had to be removed, leaving only the navigation bar. In addition, we were not able to deploy the website to Netlify due to issues.

Accomplishments that we're proud of

This is the first time both of us used React in a larger project, so to be able to make something in a singular day is a feat for both of us. We are also proud of figuring out how to use an API to gather information from the web and display this dynamically in our application.

What we learned

The most important lesson was the importance of teamwork and communication throughout the process. Making sure that everyone in the team is aware of what each member is doing and organization of tasks is key.

What's next for BingeMate

We will likely keep working on BingeMate to implement additional features and clean up the UI. We also hope to deploy the site live when given enough time.

Built With

• api
• javascript
• mui
• react