The Team:

• Anna Luisa Patiño West
• Josh Cunningham
• Elizabeth Johnston
• Chelsea Lura
  

Overview

TrackYourself is an application that allows users to input and track lifestyle data in order to reach their goals or help solve problems.

Demo time!

http://track-yourself.herokuapp.com/

Pre-code Process

• Narrowing our project scope
• Planning & Research
• File Structure
  
• Testing early
• UX
• App competitor research
  
• WireFrames
• Style Tile
• User Flow
  

Planning & Research

• Asana
  
• MEAN stack
  
• MongoDB
• Express
• Angular
• Node.js
• Browserify

Testing Early

• Mocha
• Chai
• Chai as Promised
• SuperAgent
• Protractor
  

Wireframes & Style Tiles

Build Process

• Git/Github workflow
• Authorization & Authentication
• D3
• MongoDB
  
• Jade & Sass
  

Git/Github Workflow

Authentication &

Authorization

• Started with server-side Passport with login/reg on Express-served pages
• Implemented JWTs for API conversation but decided to remove since everything was on the same box
• Moved all auth pages to Angular to keep the app on a single page

D3

• Basic bar graphs using an Angular directive
• Colors via CSS classes
• Not easy/intuitive at first
• API docs helped

MongoDB

• CRUD first
• Date ranges for landing pages
• Aggregation for multiple same-day entries
  
• Pre-formatted import files for test data

Jade & Sass

• Built HTML templates in Jade

• Used Sass for all CSS styling

Sass

Stretch Goals &

Project Future

• Allow users to edit past entries
• Dynamic 'module'/'metric' creation
• Goals & goal tracker/graph overlay
• Integrate 3rd party platforms, such as:
• Fitbit
• RescueTime

Thank you for listening

Have fun tracking!

http://track-yourself.herokuapp.com/