DDaems / fcc-camper-leaderboard

Build a Codepen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/qbqqJm/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FreeCodeCamp React

Zipline: Build a Camper Leaderboard

Objective:

Build a Codepen.io app that is functionally similar to this: app

  • Don't look at the example project's code. Figure it out for yourself.
  • Fulfill the below user stories. Use whichever libraries or APIs you need Give it your own personal style.
  • You must use both Sass and React to build this project.

User Story:

  • I can see a table of the Free Code Camp campers who've earned the most brownie points in the past 30 days.
  • I can see how many brownie points they've earned in the past 30 days, and how many they've earned total.
  • I can toggle between sorting the list by how many bronwie points they've earned in the past 30 days and by how many brownie points they've earned total.

API:

  • To get the top 100 campers for the last 30 days: http://fcctop100.herokuapp.com/api/fccusers/top/recent
  • To get the top 100 campers of all time: http://fcctop100.herokuapp.com/api/fccusers/top/alltime

About

Build a Codepen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/qbqqJm/


Languages

Language:JavaScript 66.4%Language:HTML 17.7%Language:CSS 15.9%