Not finished Frontend Part for User quests

[BugsSindFeatures]

Not finished Frontend-Part for User quests

Description

Here is the current state of the Frontend-Part for User quests. At the moment there is only the frontend part without any integration to the API. I am working on that.

• A Progressbar of just 0/5 1/5 2/5 3/5 4/5 and 5/5 (last one is visually different) (currently hard coded)
• Listing of 5 daily quests of the following structure: Watch 1 video, Do 4 Tasks (currently hard coded)

TODO

• Pointer to current progress of the Progressbar with text (?/5) to make the progress easier to see
• Fix: Pointer to current progress overwrites normal text
• gray out +5 MC box if not solved all quests
• Edit position of +5MC-box
• Edit position of module (too much space above)
• Replace bullet points with checkmarks if they are done
• If the user did their 5 daily quests they get a checkmark in their calendar and receive 5 MorphCoin
• Backend integration for Video
• Backend integration to get quests

Problems:

• can't change font color of Video-Icon-Text

Example pictures

I am looking forward to your feedback.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Translation updates (fix/improve or add new translations)

Fixes Bootstrap-Academy/Bootstrap-Academy#146

My Bootstrap Academy username: R4bbit

[github-actions]

Preview deployed to https://b164fec8.academy-preview.pages.dev (total size: 15M)