A small React app that fetches data on Free Code Camp's top users, from an external API, and displays them to the user in a custom interface. The list can be sorted either by recent points or all-time points.
Currently live at http://top-dawgs.herokuapp.com/.
Fetches data and holds application state. Displays <LoadingSpinner> if data is not yet loaded, and <Leaderboard> once data has been loaded.
Displays a loading spinner animation (🎉 surprise! 🎉).
Displays list title, <LeaderboardTop>, and <LeaderboardList>.
Displays 4 <LeaderboardCell> elements, passing in the cell title and style.
Receives child props to display contents of the cell, and also receives style prop that is used for the react-css-modules styleName prop, so that a single <LeaderboardCell> component can be reused with variable styles specified by a parent component.
Maps over items prop to display a series of <LeaderboardItem>s.
Represents a single "row" in the actual list of data. Displays 4 <LeaderboardCell> elements, passing in the appropriate user data for each cell.