All solutions

Greetings!

Can finally conclude the JavaScript fundamentals (beginner) roadmap!

I think I spent a lot of unnecessary time in planning ahead when structuring the html and styling. Not everything was appearent right away. Did do a some refactoring with the logic later on as well (tried to be as declarative as possible).

Still making progress on quickly "knowing what to do" when doing these challenges. Very happy about that.

I am weak on accessibility though, and definitely need some feedback around that field so I can revisit this challenge and make new changes.

If you think any of the code can be better Id like to know!

If you have some suggestions on what challenges to do next, Id like to hear them as well.

Thanks!

Great challenge!

Did have a hard time centering the button with pattern-divider.svg (tbh, not completely satisfied but it is centered).

Was able to try out different ways of creating asynchronous functions with await and callback functions.

Since the API had a time limit on when one would get a new advice, I took the liberty to add a disabled state when waiting for the time to run out on the cached advice.

Would love some feedback, please let me know if there is anything that could be better.

Thanks!

Did not spend too much time building this one out. But I am not perfect and will appreciate any good feedback to progress my front-end fundementals!

Please let me know if there is anything I have forgotten to do here.

Thanks

Challenging parts

1. Customized radio buttons with almost only CSS
2. How to manage states between two pages
3. Color gradients

First problem I feel I got away with not writing a lot of js code for the radio buttons, had to familiarize myself with new a CSS selector I havent used before which was the general siblings selector (~). Glad I did.

Second problem couldve been solved with cookies/local storage, I shouldve maybe have gone that route. But I felt it was easier to use query params.

Third problem, was trying to match the background color with the designs. That actually took a lot of time. Will be using radial-gradient more from now on.

Appreciate any feedback on any part of the code, please let me know if there is anything that shouldve been different.

Thanks!

My first frontend mentor challenge completed:

• This solution does dynamically fetch data from the json file. How would do your rate the javascript logic, could it have been done in a simplier way?

• Added some more :hover states, just for the fun of it and because I like interactivity.

• Tried to get as close as possible to the design, but I do see that the spacing is a bit off in summary container on desktop, in the area around the button. Didnt find a simple solution without changing the whole layout of both the components. Thought I'd submit and get some feedback for future challenges instead.