Giter Site home page Giter Site logo

fraxiinus / recipewingman Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 107 KB

Grab ingredient information like price and availability from recipes in a single click. BrickHack 2018 submission

Home Page: https://devpost.com/software/recipe-wingman

License: MIT License

HTML 2.34% Python 33.25% Shell 0.16% JavaScript 39.53% CSS 24.72%

recipewingman's Introduction

Inspiration

The worst feeling is going to a grocery store to look for an ingredient just to find that it isn't in stock. That's why I made Recipe Wingman, so I know exactly when my grocery store has my favorite mango flavored Arizona Iced Teas.

What it does

Recipe Wingman is smart enough to read the ingredients list of nearly any recipe and search Wegmans grocery stores for the item. Recipe Wingman is able to determine the actual ingredient names from measurements and instructions. Recipe Wingman will also list prices, calculate tax, and tell you if other Wegmans locations have the item in stock.

Context Menu!

How I built it

Recipe Wingman is a Google Chrome extension which is built with HTML, CSS, and a lot of Javascript. Recipe Wingman is self contained so it can theoretically operate on any web page. Recipe Wingman does not use any third-party Javascript library, making it very lightweight! Recipe Wingman also uses a server in order to communicate with the Google Cloud Platform and Wegmans API; that way the private keys are kept safe. The server is written in Python 3.6 using Flask.

Challenges I ran into

I initially wanted to write the application using Typescript and create a web application. However, that proved to be challenging as I couldn't get past some technical hurdles with getting the Google Cloud Platform to work on Typescript. Additionally, the Wegmans API is pretty new so there are no examples to look at online. Thankfully, the people at the Wegmans table helped out with setting up a connection to the API.

Recipe Wingman!

Accomplishments that I'm proud of

I am very proud of getting the Natural Language API to work and figuring out how to utilize it to list the ingredients of a recipe. Additionally, I was really happy to learn how to make proper GET and POST requests without having to use additional abstraction layers. Lastly, I'm glad I was able to create a UI that doesn't make me sick.

What I learned

I give Javascript a lot of flak, but I actually didn't have a horrible time using Javascript for this project. It let me create a project in a very short amount of time.

What's next for Recipe Wingman

There are a lot of features I had to leave out due to API constraints and mostly, my own ability. I would love to continue to work on Recipe Wingman in the future.

recipewingman's People

Stargazers

David Jegan Abishek  avatar Doro avatar

Watchers

Fraxiinus 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.