Responsive Dictionary App with Zustand, TypeScript, Tailwind, NextJS

Solution retrospective
I am most proud with shifting all of my local states to stores created in Zustand, so I have more control with state management. I also incorporated local storage with it. It was first time using this library. I also managed to find a way to change colors of SVG icons on hover, by replacing them from Image components to independent components. I also created custom select box which replaces native select element, just so that I could apply styles which were required in the design files. I also used lazy loading pattern for one component, and created custom Loading and Error components. I liked the overall project structure with separate folders.
What specific areas of your project would you like help with?I would like to get some tips about accessibility. In my case of creating custom select box, I did not know what aria role to give it to it, so I just left it as-is. Any other advice is gladly accepted.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on David Pokrajac's solution.
Join 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