Let's discuss your "Camper Leaderboard"

Greetings, Fellow Campers!

This topic is for listing and review of Camper Leaderboard projects built as a part of FCC challenges. Please stick to these basic rules to keep the topic clean:-

  • Post your Codepen (or other) link to your project as a general reply to this topic.
  • For Codepen links use the following format to avoid embedding the pen:-
Project Link - [http://codepen.io/santakmishra/full/pgqOYq/](http://codepen.io/santakmishra/full/pgqOYq/)
  • Post reviews as a specific reply to the link which you are reviewing.
2 Likes

Project Link - http://codepen.io/d33con/full/zBxOqW/

1 Like

Project Link - http://codepen.io/ghsamm/full/vKXbdy/
Ps: I used flexbox instead of a table

1 Like

Project Link - https://aungmyokyaw.github.io/Leaderboard/
React+Sass

https://twmilli.github.io/camperLeaderboard/
been using SCSS instead of SASS but hopefully that’s not an issue. Having fun slowly getting used to react.

Camper Leaderboard made with React and Sass.

Project Link - http://http://codepen.io/ustvarno/pen/VjKGqo/

Here’s my Camper Leaderboard.
Project Link - http://codepen.io/willgriffiths/full/oLBqoY/

Yet another Camper Leader project for everyone to review
Project Link - http://codepen.io/ratracegrad/full/pbyVVZ/

I love the layout and overall design. One super small thing is I would change the sass for the points in 30 days/all time points to show cursor: pointer. This makes it more obvious to the user that they are clickable. Overall though great project, I definitely like your design better than mine haha.

Thanks for the feedback. I have changed the CSS as you recommended and I added a pointer icon to show which one is currently active. Thanks again.

Project Link - http://codepen.io/exek/full/wWgpzb/
Made it with React ES6 style.

@exek good job on your leaderboard. I like how you use tabs to distinguish which results you are showing.

I rebuilt mine a little better now that I have a better grasp of React!

Codepen Here

Here is my camper leaderboard project. It has a problem that I can’t figure out. When you click the different columns to sort by all time points or past 30 days, the row numbers on the side get messed up. However, if you click again, the row number correct themselves. How can I fix this?

Project Link - http://codepen.io/beaucarnes/full/zBPEOV/

Project Link - https://jenovs.github.io/fcc-leaderboard/

For some reason I am supremely excited about this, maybe because I have been away from JavaScript and fCC for too long recently.

http://edseek.com/fcc-dataviz-react-leaderboard/dist/

React is fun and challenging to work with.

Project Link ─ FreeCodeCamp : Build a Camper Leaderboard

Feedback is appreciated.

Project Link - https://codepen.io/FaizAhmadF/full/XKLVEb/

1 Like

Very Clear code! Good Work!