All solutions

This was extremely fun to do and figure out. This took plenty out of me and in return gave me knowledge and how to handle apis better. I learnt so much from this project. I tried my absolute best to do clean code, to the best of my abilities. I am sure there are many other ways to do it better, but really proud of the work I have so far. First time working on an api project by myself hehe.

Anyways, I have to bugs remaining which is the filter option and the dark mode. But I was so excited with my work I just had to share. I'll work on the bugs later. Overall one of the best challenges I have worked on and probably my favourite project so far.

Advice and tips are always appreciated! :)

Tried my best. Feedback is always accepted 100%.

I tried my absolute best to get the images well on desktop view, but kinda gave up lol. The javascript part was tricky at first but figured it out eventually. Though, in the js there is a bug when you click an accordion and it drops down, once you click it again, the hover ability disappears.

Was an okay challenge. Just that having access to the images in the figma file, would have made it a bit more accurate. Other than that a decent enough challenge to iterate over the essentials.

Was fun building this. When I saw this challenge, I was like "This is gonna be easy.." Until desktop view punched me in the gut lol. This challenge thought me to never be overconfident and to always remember the foundational stuff. They will always help you to progress forward.

Feedback is appreciated.

Only thing lacking was the quotation marks. But learnt alot from this challlenge.

Had to search out of my way to find the solution to the active states. Overall a lovely challenge. Had fun making this.

Had alot of fun building this project. As trivial as it may be, I learnt a bit more on how to better utilise pure js.

Problems: Responsive design I can't seem to get the background colour to change to grey when selected, regardless of using the pseudo class of :focus.

Challenges I faced:

1. Found it extremely difficult in the beginning stages to wrap the icons with the name of the result(Memory, Vision, etc).
2. I built it mobile first and it may have eased a few of the processes to make it desktop responsive, but I still faced challenges such as the padding around the new view. Areas I am Unsure of:
3. I feel the spanning is a tad bit too much and could be refactored to something neater and less spaghetti code.
4. Responsive view is alright, but could be better.

Questions:

1. Tips for responsive design.
2. How to write clean code.

Feedback is highly appreciated.

Excellent challenge once again. The Music icon and annual plan side caused me to really take my brain on a journey, but got it eventually. Fun and challenge. Beautiful UI.

I still need some help with the media query, but other than that an excellent challenge that I have successfully completed