Skip to content
Submitted about 2 years ago

Dictionary web app solution (ReactJS + CSS)

accessibility, bem, react, vite
Mateus Belício•710
@mateusbelicio
A solution to the Dictionary web app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

👋🏻 Hello everyone. This is my solution for the Dictionary web app.

This was my first time using React, and I'm really excited to learn more about this framework. I believe there is a lot to be improved in my code, so feel free to give me your feedback.

Note: for some reason the screenshot of the project has a bug in some colors, but on the website everything is normal. If anyone knows what could have caused this bug, please let me know here.

Thanks! 😁

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • P
    UreaLaden•280
    @UreaLaden

    Dude this is clean, really good job. My only suggestion would be to consider using react context (https://reactjs.org/docs/context.html#contextprovider) instead of passing props and storing data in local storage. The context API is meant for sharing state throughout the component tree without have to pass props down manually at every level. Local storage lets you save data across the browser session, however you can't notify your other components on a state change making it difficult to scale. (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)

    Marked as helpful

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