Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Dictionary app

chakra-ui, react, vite
Ankur Bhatkalkar•130
@ankur26
A solution to the Dictionary web app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Pain points and flaws in this current project.

  1. My design skills and CSS is still not up to par as I have a few display bugs where the viewport does not tend to cover the entire page causing part of the page to show up as white even though the mode is set to the dark mode
  2. Input and response validation is missing.
  3. Chakra UI is hard to get started with and has a bit of a learning curve but once it becomes familiar is quite easy to use
  4. I was not able to get the audio button working.

My next objectives would be to

  1. Improve on CSS.
  2. Solidify my choice of CSS options when it comes to React as it's very liberal with how you are able to style your components.
  3. Work on testing as well and create a few test cases for even basic functions for good practice.

All feedback is welcome, thank you!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Ankur Bhatkalkar'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License