Coder Social home page Coder Social logo

cookin-with-allergens-fe's Introduction

Welcome to Allergy Helper!


It seems that everyone these days has allergies to some food or another, which makes it increasingly harder to easily find recipes when having people over. The goal of allergy helper is to easily help hosts find quality recipes and not have to filter through slews of recipes that aren't suitable for the guests!

Primary MVP List:

Characteristic Level of Completion
User can search for GF/non-dairy recipes Yes
Show local health food stores 1/2 - map integrated but Mapbox
doesn't integrate search so
can see local cafés at the moment
Mail grocery list to self Yes

Secondary MVP List:

Characteristic Level of Completion
Additional allergens Yes
Multiple allergens Yes
Mongo database for storing favorite recipes Yes
Mongo retrieval of all stored recipes Yes

Technologies used:

HTML, CSS, JS, JQuery, Ajax, Mongo, Node.js, Heroku


** How to use**

Search functionality:

This is a very simple program at the outset where all it requires from the user is to input what allergen/allergens they hope to avoid and receive the top rated recipe that the database holds that holds none of the allergens.

Favoriting Info:

The user will be provided with an image, the recipe title and ingredients list for the recipe. If the user likes, the recipe can be saved to their favorite lists (or the user can see all favorites). If they click the favorite button, there are multiple follow up options. The user can email a grocery list of items and click the map to find local health food stores where one can purchase the ingredients themselves.

Citation Info:

I utilized outside code twice. The first was when I was trying to figure out a good way to format an if statement for ajax parameters, the syntax wasn't functional any time I did it myself so I turned to stack overflow and found a really nice format for the code which I utilized and cited in my JS. Additionally, for using mapbox they give you very thorough tutorials for how to embed the maps -- so my code ended up being a carbon copy of what the instructions tell you to do since it only works with their exact functions. I changed the style of the map and the JSON data and I'm excited to work on how to get the markers to work again

cookin-with-allergens-fe's People

Contributors

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