Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Dictionary app built with React JS and Vite

Chris 270

@chriscodes17

Desktop design screenshot for the Dictionary web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was a great challenge to work on, I enjoyed the challenge the API data provided where you have to conditionally render data and check to see if some of the required data exists for a certain search.

In this project I got to put React context API into practice, I used it for the custom dropdown component state and the app theme state. The benefit of using react context api is to pass down data without explicitly passing the props through every level. This prevents prop drilling (a goal of mine - improve data handling) and allows for efficient updates to the data. Below is the code for the dropdown menu context.

Feel free to give any tips or if there should be a corrections in my code.

Happy Coding!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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