Coder Social home page Coder Social logo

nutrifoods's Introduction

Check out the app!

NutriFoodS

Project Proposal

NutriFoodS is an app for checking the nutritional values of meals and ingrediants and saving them to your profile. API provided by Nutritionix.

Wireframes

Search for foods by using natural language or enter the name of the food and then specify an amount: 01_search 02_autocomplete 03_autocompletequantity 04_naturalsearch Get nutritional info about your searched food: 05_nutrientinfo Sign up or login to save foods in your profile: 08_createprofile 06_savefood 07_deletefood Edit your profile: 09_editprofile 10_editting

Instructions

Enter meal/ingrediants and quantity directly into the search bar or select the food's name from the autocomplete and then enter the desired quantity to see a bubble with nutritional information. If you're registered and logged in, you can also save items and then view them in your profile.

Technologies and Tools

  • Sublime
  • Git & Github
  • HTML5 & CSS3
  • JavaScript
  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Bootstrap
  • jquery
  • EJS
  • Auth/Bcrypt

Routes

CRUD Route Functionality
GET /index Renders app homepage
POST       /search     Populates autocomplete list
POST /search/nutrients Queries API for nutritional values
POST         /search/item Save item to database
DELETE       /search/item/:id Deletes item from database
GET           /auth/login       Renders login page
POST         /auth/login Authenticate login credentials
GET /auth/signup Renders signup page
POST /auth/signup User creation route
GET /auth/logout User logout route
GET /profile Renders profile page
GET /profile/edit Renders profile edit page
PUT           /profile/edit     Updates user profile          

Models

User Schema

Key Type
name String
email      String    
password String
height       Number
weight       Number
age           Number      
sex         String
activityLevel Number
timezone Number
food [foodSchema]

Food Schema

Key Type
food_name         String
brand_name       String
serving_qty Number
serving_unit String
serving_weight_grams Number
date String
time String
dateAndTime Number
is_raw_food Boolean
meal_type Number
food_group Number
ndb_no Number
calories Number
protein Number
total_fat Number
saturated_fat Number
total_carbs Number
fiber Number
sugars Number
cholesterol Number
potassium Number
sodium Number
photo String

Workflow

  1. Created the backend routes.
  2. Hooked up external API for getting food info.
  3. Set up frontend functionality for interacting with info fetched from backend.
  4. Styled the app.
  5. Fixed bugs.

How to Improve

  1. Improve the design.
  2. Sort foods in profile by day, and show a total of nutrients per day.
  3. Based on user dietary goals, calculate daily intake and show user how on track they are.
  4. Edit saved foods.

nutrifoods's People

Contributors

cippero avatar

Watchers

James Cloos 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.