1 of 7

A Night In

2 of 7

Elevator pitch

Would you like a fun night at home without the stress of deciding what to make for dinner or what to watch on TV? Now with A Night In, you can search for a meal to pair with your movie for the perfect night in.

​

Search for a meal by a keyword such as region, ingredient, or dietary restrictions (such as vegan, gluten free, or vegetarian). Select your favorite movie genre and let us do the hard part for you -- making decisions! Love the combination? Save it to enjoy again later!

​

We hope that this application streamlines the decision making process for users to have a stress-free night in.

3 of 7

Concept

  • Description
    • The user can make selections for a movie and a meal or they can let the app decide. The user can then search for additional options for either or both meal and movie. If they like the options they can be saved to a favorites list.
  • Motivation for development?
    • We found the shared problem in our personal lives of determining what to cook for dinner and what to watch when spending time at home with a loved one, family gathering, or group of friends.
  • User story
    • AS A host�I WANT to be provided with options for a meal and a movie in one location�So THAT I can host a fun night in without the stress of decision-making.

4 of 7

Process

  • Technologies used
    • Languages: HTML, CSS, JavaScript
    • Third-Party APIs: jQuery, Materialize CSS, Google Fonts, Google Font Icons, Normalize CSS
    • Server-Side APIs: Edamam - API for meal generator, IMDB-API - API for movie generator
  • Breakdown of tasks and roles
    • To begin, 2 team members each took an API to get working in JS. 1 team member focused on building the modal while the final team member built the HTML for our two pages Home and Results.
    • From there, we discussed what improvements and bug fixes we would each take in our daily stand ups.
  • Challenges
    • Tackling how to get started and learning to work out of one repository.
    • GitHub merge conflicts and not having the most updated code while working on an issue.
    • API limits on the Movie API.
  • Successes
    • Thinking through the issues and using the GH Kanban project board.
    • Communication & Teamwork - our team had an open dialogue for ideas and kept in communication outside class to work on improvements and be available for PR approvals. The team supported each other to help debug when we hit roadblocks and shared the workload equally.

5 of 7

Demo

6 of 7

Directions for Future Development

  • We would like to link the movie poster result to a streaming service, so the user can click to start watching from the application results screen.
  • We would like to add the option to view favorites to the home page, so the user can view favorited combinations on page load.
  • We would like to improve the UX/UI design.

7 of 7

Links