Design comparison
Solution retrospective
It's quite a challenge! Spent the entire day searching for a solution and finally cracked it. Also, got the opportunity to learn about the new, for me, React Hook useContext
. It's like a global useState
, allowing for seamless state management across components.
And SVG is a another obstacle. I haven't thought it would be a challenge. It took some time and experimentation to figure it out. I change SVG to React Component and minified it. By the way, don't forget get rid of fill attribute inside SVG files.
After completing all the features in this challenge, I'm motivated to refactor the code. I'll focus on modifying the index.js file to handle data fetching and simplifying each component's responsibilities to improve code clarity. And..., I plan to do skeleton animations during data fetching. It will look nice and more user-friendly.
In my next challenge, I aim to tackle more complex APIs and create a more user-friendly interface. Excited for the journey ahead!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord