Watch List

• 

  Homepage

• 

  List is created, no movies added

• 

  Autocomplete

• 

  Picking from the hat

Inspiration

My teammates and I were inspired to do this project as we started to make our own, disorganized version of a movie list while living far away from each other this semester. Teammate Grace thought this would be a great and useful project.

What it does

Watch List does exactly what it sounds like it does. Users can create and share a list of movies, add and delete from the list, and use the Top Hat feature to pick a movie randomly from their list to watch when no one can decided which to watch first.

How we built it

The web app is build with Flask and HTML/CSS with a little JavaScript for part of the Top Hat feature and the autocompleter and a Mongo DB database.

Challenges we ran into

We ran into many challenged, the main one being that this was originally supposed to be done with React/Flask. The whole team was not familiar with React and we had lots of difficulties getting it to function properly. Midway though the hackathon, we decided to switch so that we could have a finished product to demo. We had also wanted to deploy, but because we used Mongo DB, we could not use Python Anywhere and due to the time constraints, we decided to demo the site locally and change the database to SQL later for deployment.

Accomplishments that we're proud of

We did it! We are also proud of how it turned out. While we had to cut some features/ideas, we have a decently working product for such a short timespan.

What we learned

We learned a lot. We learned quite a bit of React despite not using it in the end along with environment variables and working with APIs, specifically OMDB (movie api)

What's next for Watch List

As mentioned above, the plan is to modify it for deployment and add a few more features that were skipped because of time. Hopefully this app will be useful to others.

Built With

• css
• flask
• html
• javascript
• mongodb
• omdb
• python