Coder Social home page Coder Social logo

scrimmyfs / bake-n-brew Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 6.13 MB

A web application built to make finding recipes with your ingredients easier!

Home Page: https://scrimmyfs.github.io/Bake-n-brew/

CSS 13.28% HTML 18.38% JavaScript 68.34%
ingredients-list ingredients-search mealplanner

bake-n-brew's Introduction

Use ingredients you have to get ideas for meals you can make with them.

As developers, we wanted to create a Web App that will allow people to get recipe ideas based on the ingredients in their homes and suggest a beer paring. (please note the beer API has shut down, currently considering a substitution)

User Story

As a user,
WHEN I input the ingredients that I have,
THEN a list is created of those ingredients and stored locally.
WHEN the "Clear Ingredient" button is clicked,
THEN the ingredient list is cleared.
WHEN I click submit,
THEN recipe cards are generated from the ingredient list, with a beer to accompany them. (please note the beer API has shut down, currently considering a substitution)
WHEN I click on the recipe I choose,
THEN I am taken to a new tab that gives me the recipe.
WHEN the "Clear" button is clicked,
THEN the recipe list is cleared.

Repository and Deployed webpage

https://github.com/ScrimmyFS/Bake-n-brew
https://scrimmyfs.github.io/Bake-n-brew/ \

Demo

Usage

  • Type an ingredient in the ingredient field in the left sidebar.
  • Click "Add Ingredient" or tap the "enter" key.
  • Click the submit button in the main window.
  • Select a recipe card and you are taken to a new tab with that recipe.

Credits

Developed by:

  • Dylan Scrimshaw
  • Lucas Bielinski
  • James Horton
  • Reed Martin

Resources

APIs

Framework

Future Development

bake-n-brew's People

Contributors

jameshortonthird avatar lucasbielinski avatar reedhmartin avatar scrimmyfs avatar

Watchers

 avatar  avatar

bake-n-brew's Issues

Make a landing page

Once the website has functionality and is cleaned up should build a landing page for the site.

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.