A prototype web application for Boulder Valley School District’s (BVSD’s) Trip Tracker program designed to reward kids who walk/bike/bus/carpool to school.

Trip Tracker Online aims to provide a fun and engaging way for students to record their trips and chart their progress online. It uses strategic color coding and data-driven graphics. See a live demo here: https://triptrackeronline.firebaseapp.com/

The back end is in a separate repo found here: https://github.com/jennyknuth/triptracker. Using an Express/Node.js server, data from mongoDB is sent to an API hosted on Heroku. (Please be patient when loading…due to free hosting it must first “wake up”).

On the front end, a thick AngularJS client consumes the API and allows users to view, create, edit, and delete their trips. Data input is quick, responsive, and free from “submit” buttons. Color-coded trips create fun visual patterns.

Charts are D3.js custom directives in AngularJS.

Front-end repo is here: https://github.com/jennyknuth/triptracker-angular

  • Project Type: Web Application
  • Goals and Constraints: Create a technological interface for BVSD's Trip Tracker program. Encourage kids to reduce carbon emissions and increase physical activity.
  • Solution: Use data visualizations to chart progress and view, add, edit, and delete trips.
  • Skills Used: Node.js, MongoDB, HTML, CSS, Sass, JavaScript, AngularJS, D3.js
  • https://triptrackeronline.firebaseapp.com/ https://triptrackeronline.firebaseapp.com/