Skip to content

HowzayCalderon/NutriLog

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Title: NutriLog


This straightforward nutrition app was designed as a centralized place for users to keep track of their diet throughout the day. Users can create new items using a form, and edit or delete items from the Today page using the corresponding icons.


Today Screen


The Home page features links to articles and blog posts about nutrition, dieting, and mindfulness.


Home Screen


From our NavBar, we link to our peers' ReposFit site which is a logger and guide for exercise and weight lifting. Used together, both sites offer a powerful set of health tools.

Getting Around

NavBar


Use the navigation bar at the top of the page to explore the Home, Today, and ReposFit pages. Click on the blue button on the Today page to add a new meal and log its nutritional values.

The articles on the homepage are clickable and will open a new window to the article's origin website.

A new meal will appear in the grid below and can be edited or deleted using the pencil icon or trash can icon below the name of each meal.


Backend Request Routes


GET ALL: https://nutritionx-app.herokuapp.com/items;

GET ONE: https://nutritionx-app.herokuapp.com/items/:id

POST: https://nutritionx-app.herokuapp.com/items;

UPDATE: https://nutritionx-app.herokuapp.com/items/:id

DELETE: https://nutritionx-app.herokuapp.com/items/:id


Technologies Implemented


Backend Frontend
* node * JavaScript, HTML, CSS, Markdown
* nodemon * react, -router-dom, -scripts, -icons
* express * axios
* mongoose * netlify
* mongoDB, Atlas * Microsoft Typography
* Heroku
* JavaScript

Our Team


Samantha Delacruz


Jack Jiang


Ron Lanzilotta


Argurjana Olloni


Jose Calderon


Future Development


Initially, the developers for this site had designed for a way to store items to a specific day and recall each day on a History page. This and other features will be a part of a future build.

  • Only items entered on the current day will populate the "today page".
  • Calorie, fat, protein, and carb calculators to calculate the daily totals.
  • A history page with links to each days' entries.
  • Nutritional values that auto-fill when you begin typing the name of a food.
  • "Meet the devs" section on the bottom of the homepage.
  • UX design like the wireframe below.

Today Screen Wireframe

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.4%
  • CSS 26.0%
  • HTML 6.6%