[ REMINDER: Fork this repo before you begin to work on it! ]
Badass - Do the front end AND the backend!
Frontend Web Developer - Front-end only steps ( server-side is already done )
Backend Plumber - Back-end only steps ( client-side is already done )
- create an index.html file, have it display 'hello world' and run it ( double click )
- add angularjs script into the header of the index.html file ( see bower_components folder )
- create a javascript file in the js folder ( js/app.js ) and add that also into your header
- create an angular app and controller in js/app.js
- display a simple "hello world" from an angularjs scope
- add a css/main.css file and add it to your index.html header
- for fun, change the background color of the displayed page
- create a server.js file in the root of the project and run it with 'node server.js'
- log a message to the terminal
- add express and start a server
- add an api endpoint that responds with "hello world"
- add express static file middleware
- call "hello world" api in express, and call it from angularjs and display on screen
- npm install git+https://github.com/EMC-UI/tally
- require it in server.js
- look at it's api
- create a REST endpoint for '/userStats' that return data from tally's userStats api
- call those apis in angularjs and display the data.
- Look at the mock directory
- require those 2 mock files in your server.js
- create a REST endpoint for '/userStats' that return the userStats.json mock data.
- call those REST apis in angularjs and display the mock data.
- Start to build out a nice display of the userStats data in html / css / angularjs
- loop over the data from the REST apis with ng-repeat
- display the user name
- display the number of projects and list of projects the user has contributed to.
- BONUS: see if you can display the percentage of all commits this user has contributed.
- Add a project stats display, similar to user stats from step 3.
- build out the html / css / javascript to display project stats
- add some way for the user to switch the views between user stats and project stats
- bonus: cycle using angularjs's $interval between the 2 views automatically.
- Display the repo stats.
- Graph the data in some way.