Finish v1 of the `GitHub Gamification` dashboard (5/11)

r002 commented 3 years ago

Today's Result:

We're live! 🥳 I've finished a preliminary version of our GitHub Gamification dashboard. Pretty basic so far, but it's a good starting point. It displays our daily progress and we each have our own card column. It looks like this:

https://captains-log--pr45-sprint-grape-skmjnb4i.web.app/study-group.html

Source: StudyGroup.tsx and UserProgress.ts

Next Steps:

The Streak Counter and Strikes Counter don't actually work yet. Right now the dashboard just shows the total number of contribution days (not requiring them be consecutive). I'll add more stats too like:
- Current Streak
- Longest Streak
- Missed Days (Strikes)
System still doesn't automatically categorize cards into their respective day columns on the project board.
In the spirit of gamification, we can add fun things like trophies and badges-- eg. If you complete a certain number of consecutive days, we can give you a trophy for each milestone hit. 😀

Motivation/Problem Statement 💭❓:

Today's task is to continue working on the GitHub Gamification dashboard.

Today's Goal/Solution 🥅:

Today's tasks:

[x] ✨ Add progress column for Matt and study group member photos.
[x] ♻️ Refactor Map<string, Map<string, Card>> into a proper UserProgress.ts model.
[x] Refactor the date range display code: Display every day since Mon, 5/3/21 --the first day of the study group.
[ ] Refactor the code to show Strikes-- days that users missed contributing.

Daily Dev Journal 📓:

First roadblock today:

After 30 seconds of Googling, I luckily found this thread though; updating to "webpack": "^5.35.1" fixed the issue! 😁

Observations & Next Steps 🔭👣:

I never knew there was an actual name for this! https://developer.mozilla.org/en-US/docs/Glossary/Expando
This linter warning confuses me 🤔:

References 🔗:

https://github.com/webpack/webpack/issues/10216#issuecomment-838611161

Extra/Fun 🎈🎉:

Last week, a new Krispy Kreme opened up here in the Cincinnati area! So earlier this afternoon, I drove over and got a free daily donut by showing my covid card!! 🥳

mccurcio commented 3 years ago

Does that Krispy Kreme have the donut making machine on the premises that you can watch? lol M

r002 commented 3 years ago

It totally did!!!! Sadly, the machine was off though. ☹☹☹

Still, I got a free donut with my covid card today! It was a good day! 🤗

studydash / cards