Skip to content
Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Our Xbox 360 Game Library v1.0

An AngularJS (v1.2.3) Demo Project

Project Overview:

This application is designed to help teams keep track of their XBOX 360 Game library. Team members suggest titles they want added to the team's game library. As the suggestion list grows everybody gets to vote for their particular favorite. As vote count grows the list automatically begins to sort by vote count (decending order), so the most popular games appear on top. When a game is purchased, the game can then be marked as "Owned", and will shift into the appropriate column. Games in the owned column are sorted alphabetically at page render and also as titles are added to the column.

Users are allowed to make one suggestion or cast a single vote, once per day, but not both. Also, title duplications are not allowed - although there is no mechanism in place (in this version) to check whether the suggested title is a real XBOX 360 game.

Project Review:

Download the complete contents of project into a web folder of your choice, navigate to public, and double click on index.html. Note I have included startServer.js and a "public" folder in case you (like me) use Node.js and would rather use review the project as a "real" webpage.

Technical Features:

  • Features my first implementation of Bootstrap (v3.0)!
  • Demonstration of a single page application using simple controls and a friendly (hopefully!) UI
  • Clean Web API use (JSONP), with asynchronous Promises implemented for maximum usability
  • Automatic rerouting of subpage requests back to index.html (admittedly a little heavy handed!)
  • No server side dependencies, all functionality is encapsulated within client side files.
  • Semantic and valid HTML, clean CSS, well documented JS
  • Use of HTML5 Local Storage (string-to-string mapping, no messy serialization / deserialization)
  • Implementation of a truly portable, reusable JS "clock" object that affords simple timestamping and day-of-week (more functionality to come!)
  • Responsive Design implemented to afford best possible user experience on (hopefully) any device!

Thank You!

I hope you enjoy reviewing my code. Please stay tuned to for an upcoming series documenting the technical implementation of this project (including the many forehead-smacking challenges I faced).


Project for viewing, adding to, voting for and updating our Xbox 360 library






No releases published


No packages published