Coder Social home page Coder Social logo

amjedayoub / what-to-cook Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 13.12 MB

This website is designed to make meal planning efficient, easy, and waste-free. Users can view recipes that they can make based on foods that they already have in their fridge.

Home Page: http://whatcook.herokuapp.com

HTML 2.39% CSS 7.64% JavaScript 89.97%

what-to-cook's Introduction

What-To-Cook

Overview: What-To-Cook is a Website designed to make meal planning efficient, easy and waste free. Users can view recipes that they can make based on foods that they already have in their fridge.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Installing

Git clone the repository to your local machine:

HTTPS:

https://github.com/AmjedAyoub/What-To-Cook.git

SSH:

[email protected]:AmjedAyoub/What-To-Cook.git

Open the cloned repository in your visual studio.

You will then be able to start the app locally by running:

npm install
npm start

Technologies Used:

  • APIs:

    • Spoonacular
    • Taggun
  • Programming Language:

    • JavaScript
    • React
    • NodeJS

Instructions:

What-To-Cook is mobile friendly and easy to use! It does require user authentication, so users will need to make an account when they first enter the site.

  • 1)Users enter the homepage and can either login or create an account. Login Image

  • 2)Once they are logged into What-To-Cook they are directed to Home page Image

  • 3)View/Update inventory will lead them to a page where they can scan or upload their grocery receipt or manually upload items. The receipt scan feature will scan any grocery receipt and pull only the food items. Image Image

  • 4)The Search page allows users to get a recipe based on key ingredients or simply view recipes based on ingredients that they have in their inventory. Image

    1. There is also the option to view saved recipes. Users can click this what is cooking button and view recipes that they have previously saved. They can view or delete these recipes. Image Image
    1. Finally users can do their wash loads. Image

Links

This program is deployed on Heroku.
This program is published on GitHub.

Authors

See contribution history here.

what-to-cook's People

Contributors

amjedayoub avatar

Stargazers

 avatar

Watchers

James Cloos avatar  avatar

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.