My Coding Report Card

Single Page Application

bouncing down arrow

A Single Page App to Display Learning Progress of Treehouse and Code School

This is an application that displays an interactive report card of the badges and points earned by the online coding schools, Treehouse and Code School. The application is designed with the AngularJS MVC Framework. The page uses ajax calls to receive the data from Treehouse and Code School so that the page automatically updates itself as you achieve more points and badges. It also uses AngularJS routes, which allow for the webpage to transition from page to page without needing to refresh. A few other keys features allow you to filter through the badges based on keywords typed within the search bar using dynamic animations, a responsive design for mobile and handheld devices, and specific links to all of the courses taken in order to receive each badge.

Report Card Project on a computer screen
Report Card project on a white mobile phone
Report Card Project on a black mobile phone
Report Card project on a white mobile phone
Report Card project on a computer screen