2015-01-27

[jacobthemyth]

github-api-profile

Description

Recreate your (or my) GitHub repositories tab

Objectives

Learning Objectives

After completing this assignment, you should:

• Grasp why functions are important
• Understand arrays and loops
• Be able to breakdown a complex sequence into a series of steps, use jQuery AJAX, handle callbacks and asynchronous code, and write to the DOM with JS

  Performance Objectives

After completing this assignment, you should be able to effectively create a simple website that utilizes HTML, CSS, and JS.

Details

Deliverables

• index.html
• main.js
• main.scss

  Requirements

• No JSHint warnings or errors
• No JS errors in the browser
• All functions and code should work according to the following description.

  Normal Mode

Recreate the UI for the Github Repos page (e.g. https://github.com/jacobthemyth?tab=repositories).

The information from the Github API that you will display includes information from your github user account and repositories.

• Write $.ajax() requests to:
• Switch out your own username for in the following URLs:
  • https://api.github.com/users/
  • https://api.github.com/users//repos
  • https://api.github.com/users//starred
  • https://api.github.com/users//orgs
• After loading data from the Github API, write at least the following information to the DOM:
  • name
  • blog
  • location
  • email
  • avatar_url
  • html_url
  • and list all of your repositories

    Hard Mode

Recreate the Contributions tab

[bhoskins]

https://github.com/bhoskins/github.git

[bhoskins]

https://github.com/bhoskins/github.git