Giter Site home page Giter Site logo

keenwilson / whatsfordinner-weeklymealplanner Goto Github PK

View Code? Open in Web Editor NEW
31.0 6.0 7.0 13.28 MB

A recipe/meal plan generator app that helps the user find something to cook and plan weekly meals for their family dinner.

Home Page: http://keenwilson.com/WhatsForDinner-WeeklyMealPlanner/

HTML 47.57% CSS 2.48% JavaScript 49.96%
bulma-css-framework javascript api recipe-search meal-planner

whatsfordinner-weeklymealplanner's Introduction

What's For Dinner by Group 5 Studio

A meal plan generator browser-based app that allows the user to save searched recipes to weekly meal planner


Product features

Homepage and Starter Menus

  • The user can conveniently search recipes by using starter meal ideas (e.g. sheet pan recipes, 15-min cooking recipes) , or random a menu from our classic recipes list.

Search specific recipes

  • If the user already has a meal idea, another option is to search that keyword in our find a recipe search bar. The browser will display a collection of recipes with that keywords from the most popular recipe sources on the web.

Display ingredients list

  • The user can check out ingredients list of each recipe.

Add to weekly planner

  • Once the user finds a recipe they want to add to their weekly meal planner, the user can select it, then use a drop-down menu to add the recipe to a specific day of the week.

Editable meal palnner

  • The weekly meal planner will show a title and a link to each recipe's page.
  • The user can edit recipe titles and comments by using actions button.
  • Once satisfied, the user can quick download a meal planner to an image and share it to family members.

Save recipes

  • The user can save recipes to their log-in name. The list of their saved recipes will be stored in firebase realtime database.

Find a restaurant

  • We understand that you might not want to cook everyday. Therefore, we have included a feature to search for top nearby restaurants in your city.
  • The user can click a restaurant name to go to Google Maps.

The Motivation for Development

The main problem that most busy parents with little kids have is that they don't know what to feed their kids. They know the important of meal planning. There are tons of free family meal planning templates they can find on Pinterest. However, they are too busy to sit down and plan a meal for the whole week. Most of all, One of the parents often has no clue what should the kids have for dinner. These parents just want something super easy, portable, and shareable.

Wouldn't it be nice if someone (in this case, us as developers!) builds a meal plan generator that helps the user searchs and selects a recipe to a weekly meal planner, and be able to share it to other caregivers!


Technologies used


Direction for future development

  • Customize random search generator with user's cooking habit preference i.e., home-cooking, store-bought, carry-out parents
  • Add search filters by calories, diet or allergy restrictions
  • Help the user manage household better by showing cost of total meal

Authors

Group 5 Studio Team Members

This group project is part of the Full-Stack Web Development program at University of Kansas

whatsfordinner-weeklymealplanner's People

Contributors

keenwilson avatar kysper avatar mjwalker99 avatar tblukens avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

whatsfordinner-weeklymealplanner's Issues

User Story - Tim

User Story

As a user, I want to be able to save searched recipes to weekly meal planner.

Acceptance Criteria

  • Button on recipe to add to weekly planner.
  • Weekly planner shows recipes neatly.
  • Recipes able to be saved to database.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.