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

[r002]

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:

• ✨ Add progress column for Matt and study group member photos.
• ♻️ Refactor Map<string, Map<string, Card>> into a proper UserProgress.ts model.
• 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 🔗:

• You may need an appropriate loader to handle this file type - when ES6 classes contain public or private field declarations webpack/webpack#10216 (comment)

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]

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

[r002]

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! 🤗