HealthTracker123

A project for Udacity's Front-End Web Developer Nanodegree, HealthTracker123 is a single page calorie intake tracking resource.

Typing food names into the search field displays a list of matching foods as provided by the Nutritionix API. Selecting list food items: adds them to the list of tracked foods and updates total calorie count.

Usage

For hosted demo click here.

For local use:

• Clone repo

(HTTPS)
$ git clone https://github.com/sskenner/healthTracker.git

OR

(SSH)
$ git clone git@github.com:sskenner/healthTracker.git

• Open index.html in your favorite browser.

1. Enter food name to search.
2. Click food name to select.
3. Click "Add food" button.

Development

Want to help? Awesomeness .. Grunt is used to minify files for fast development. To do so, some stuffs need to be in place.

Install node.js

Installation instructions found on the Node site here.

Install npm (node package manager)

In the terminal.. in the root directory of local repository, type and run the command:

$ npm install

Install Grunt CLI (command line interface)

Also, in the terminal.. in the root directory of local repository, type and run the command:

$ npm install -g grunt-cli

Run Grunt

hmmmm..

$ grunt

voila.

Resources used

• Backbone.js
• Underscore
• P5.2 Health Tracker Webcast
• Developing Backbone.js Applications
• BackboneJS Tutorial
• A complete guide for learning backbone js
• Hello Backbone.js