Epicodus - JS - Introduction to JavaScript
JavaScript Code Review # 2
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
HTML, JavaScript, TypeScript, Angular, Sass, npm, and Bower.
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.
None at this time.
-
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).
Behavior | Input | Output |
---|---|---|
Enter a food | Hamburger | Hamburger |
Enter a description | No cheese! | No cheese! |
Enter Calories | 365 | 365 |
J. Ryan Conklin
##License This work can be used under the MIT License. Copyright (c) 2016 J. Ryan Conklin