Achievement Network: Practice Tracking System

Achievement Network: Practice Tracking System

Developed the frontend for ANet's Practice Tracking application, helping schools strengthen data-driven learning using AngularJS, UI-Router, and a robust boilerplate.

View
Mobile Preview
Back to Projects
Key Responsibilities
Developed frontend, implemented assessment phases, integrated boilerplate, managed build processes.
Key Implementations
AngularJS frontend, UI-Router for navigation, Restangular for API integration, Grunt.JS/Bower.JS for build automation.
Customer Impact
Helped schools strengthen their practice of using standards and data, accelerating student learning in underserved communities.

Project Overview

The Problem

Lack of a structured, data-driven system for tracking school assessment progress and coach input.

The Solution

Developed an intuitive frontend application that guided coaches through assessment phases, collected data, and supported final evaluation decisions.

Vision & Impact

ANet's mission to accelerate student learning was directly supported by this application, enabling data-informed interventions.

Detailed Overview

The Achievement Network (ANet) helps schools strengthen their practice and culture of using standards and data to accelerate student learning in underserved communities. As a Frontend Developer, I developed the frontend for their Practice Tracking application. This system allowed coaches (instructors) to initiate school assessments throughout a calendar year, guiding schools through various assessment phases where coaches submit their input. The application culminated in a Final Evaluation phase for decision-making. I leveraged AngularJS, Angular UI, Angular UI-Router, and Restangular, integrating with a robust Angular Boilerplate to implement best practices for development. I also utilized Grunt.JS and Bower.JS for efficient build workflows.

Technical Details

Technologies Used
Python 2.7
Django 1.5
Angular.JS
Angular UI
Angular UI-Router
Restangular
Angular Boilerplate
Underscore.JS
Grunt.JS
Bower.JS
Bootstrap.css
Less.css
Project Information

Duration

May 2013 - October 2013 (6 months)

Team Size

N/A

My Role

Front End Developer

Key Achievements
  • Gained hands-on experience with AngularJS, applying it as an awesome frontend framework.

  • Integrated Angular Boilerplate to implement best practices for Angular development.

  • Utilized key features of Angular Boilerplate, including a best-practice directory structure, intelligent build system (Grunt.JS/Bower.JS), and integration of web design libraries.

Challenges & Learnings
  • Rapidly learning and applying AngularJS for complex application development.

  • Integrating a comprehensive boilerplate for structured Angular development.

  • Managing frontend build processes with Grunt.JS and Bower.JS.

Explore This Project

Ready to Collaborate?

If you have a project in mind or just want to connect, feel free to reach out.