jryanconklin / epicodus-js-cr2-mealtracker

An Epicodus JavaScript Code Review Project for a Meal Tracker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Meal Tracker with Angular

Epicodus - JS - Introduction to JavaScript

JavaScript Code Review # 2

Features

This is a Meal Tracker app to demonstrate Angular understanding. It includes several Angular concepts:

  • Angular Modules and Libraries
  • Components - A Control for View - "A Directive with a Template"
  • Templates - A Predefined View
  • Data Binding - Interpolation, Property Binding, Event Binding and Two-Way Binding
  • Directives - Structural and Attribute
  • Angular Pipes

Technologies

HTML, JavaScript, TypeScript, Angular, Sass, npm, and Bower.

Usage

To use the code, you can clone the repository at https://github.com/jryanconklin/epicodus-js-cr2-mealtracker.

For best results, please:

  • Clone the Repository and Enter cd epicodus-js-cr2-angular2-mealplanner into the Command Line.
  • Insure npm and Bower are Installed Globally
  • Install Dependencies Located in "package.json" and "bower.json" files with: npm install bower install
  • To Load the Page, Enter gulp serve into the Command Line.

Known Issues and Bugs

None at this time.

User Stories

  • As a user, I want to log a food I have eaten by submitting a form with food name, calories and details.

  • As a user, I want to view a list of foods I have logged.

  • As a user, I want options to view all foods, only high-calorie foods (more than 500 calories), or only lower-calorie foods (less than 500 calories).

  • As a user, I want to click a food to edit its name, details or calories (in case I decide to pretend my fries were 100 calories instead of 365).

Specifications

Behavior Input Output
Enter a food Hamburger Hamburger
Enter a description No cheese! No cheese!
Enter Calories 365 365

Author/s

J. Ryan Conklin

##License This work can be used under the MIT License. Copyright (c) 2016 J. Ryan Conklin

About

An Epicodus JavaScript Code Review Project for a Meal Tracker


Languages

Language:TypeScript 54.3%Language:JavaScript 30.2%Language:HTML 9.3%Language:CSS 6.2%