Coder Social home page Coder Social logo

icn2you / fsf-p01 Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 3.0 4.06 MB

CookQuik is a meal-planning app that allows its users to search for recipes based on dietary preferences and/or restrictions and to optionally specify a list of on-hand ingredients to incorporate.

Home Page: https://christopherzenner.dev/fsf-p01/

HTML 38.33% JavaScript 43.29% CSS 18.38%
diet recipe ingredients meal meal-planner

fsf-p01's People

Stargazers

avatar

Watchers

avatar

Forkers

yuda0110 sefiyetuabdullah lgtm-migrator

fsf-p01's Issues

Modify recipe portions to feed specified number of people

Modify Portions

As a user, I want to be able to modify recipe portions to feed my specific number of people.

Acceptance Criteria

Frontend

  • recipe.html displays a recipe that the user selected. - Chris
  • recipe.html displays a title of the dish/meal. - Chris
  • recipe.html displays directions for preparing the meal. - Chris
  • recipe.html displays a photo of the finished product. - Chris
  • recipe.html displays a dropdown form field that the user can use to select the number of people s/he is trying to feed. - Chris
  • recipe.html changes ingredient portions in realtime based on the user's input. - Chris

Backend

  • ...
  • ...
  • ...

Find recipes that conform to specific diet/dietary restrictions

Specific Diet/Dietary Restrictions

As a user, I want to find recipes that conform to my specific diet/dietary restrictions.

Acceptance Criteria

Frontend

  • index.html has a list of checkboxes showing the most popular diet types/dietary restrictions (e.g., vegan, gluten-free, etc.). - Chris
  • index.html has a form field that takes text input in which user can list a specific ingredient to include in search. - Chris
  • index.html has an Add Ingredient button after user inputs each ingredient. - Chris
  • index.html has a search button. - Chris

Backend

  • ...
  • ...
  • ...

Find recipes that are simple, delicious, and quick to make.

Simple and Delicious Recipes

As a user, I want to find recipes that are simple (i.e., six ingredients or less), delicious, and 30 minutes to cook or less.

Acceptance Criteria

Frontend

  • recipes.html displays results of search query as a list of cards. - Chris
  • Each card on recipes.html displays a thumbnail of the dish/meal. - Chris
  • Each card on recipes.html displays the title of the meal. - Chris
  • Each card lists the diet type/dietary restrictions the dish/meal meets. - Chris
  • Each card lists the cooking time. - Chris
  • Each card on recipes.html displays a brief description of the dish/meal. - Chris

Backend

  • ...
  • ...
  • ...

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.