
Dictonary Web App - React Vite
Design comparison
Solution retrospective
The font and dark-mode switch is (almost) entirely done with css, by applying css class to body, and using css variables.
What challenges did you encounter, and how did you overcome them?How to best organize the code regarding the dark-mode and font switching. Ended up deciding on react context api, letting me decouple logic around applying css class to the body, from where in the UI the font switcher is rendered
What specific areas of your project would you like help with?How to improve the search. I don't like how that when the search is submitted once, it will forever show the validation error as soon as the input is empty. Ideally I would only show the error if submitting with an empty input.
Ideally I would also have liked a loading state when looking up results, but it was not in the Figma file, and I haven't bothered coming up with something myself
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