lschnell8 / whats-cookin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

What's Cookin

Table of Contents

Overview

This application is a group collaboration where we created a recipe tracking / meal planning application that allows users to view their favorite recipes and plan shopping trips around them. We got some of our inspiration from New York Times Cooking. Users should view a list of recipes, favorite their own recipes, and choose recipes to cook.

Setup

  • Clone this repository down to your local machine
  • Navigate into the whats-cookin-starter-kit directory
  • Run npm install
  • Run npm start
  • Copy http:localhost// in your browser to run live preview
  • Run open index.html in the terminal to test application

Screenshots

Users view all recipes available online. home-view

Users can favorite a recipe and view it.
favorite-recipe

Users can click on a recipe in the list to see the directions and instructions. recipe-info

Users can use the dropdown to search through filtered tags for recipes search-recipe

Links

Checkout the Turing spec sheet here

Checkout the our GitHub Repo here

Future Additions

  • Add functionality for adding ingredients to user's Pantry

Contributors

Stevie Ambroise Lynn Nguyen
Lindsay Schnell

Technologies

HTML

CSS

JavaScript

Fetch API

Webpack

SASS

About


Languages

Language:JavaScript 97.0%Language:SCSS 1.7%Language:HTML 1.3%