Updates:

Designed the info part (the portion with the progress bar)
Created working accordion component with animations
Started working on the info part
Created working progress bar component with animation

 I like the design of the info element. I have tried using hierarchy to make the design look good. Also I randomly had the idea of earned badges after the user completes the whole course of a certain difficulty. Then, I hoped onto coding the accordion. Firstly I wasn’t making accordion as a component. There were just three div in the course page and I realized that if I don’t make it a component the code is going to look messy so I created the accordion component and now the code looks much cleaner.

While making that I stumbled across a funny bug. Clicking on one accordion component was making all component to open. It was because of gsap selecting all the similar classes and animating them. I fixed that by using useRef to select elements.

I have also created a progress bar and now I’m working on completing the info element. The progress bar looks good if it’s even a little bit full but idk how I feel about the progress bar when it’s at 0%. It feels bland and idk what to do.  

Okay enough rambling. I feel my devlogs should be shorter ig. Anyways if
you have any suggestions please let me know. Peace ✌️Ayy new devlog
let’s go!!