Skip to content
Submitted 14 days ago

Browser extension manager UI

react, shadcn, tailwind-css
LVL 2
@Jeanclaude09-dev
A solution to the Browser extension manager UI challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

Nothing particularly

What challenges did you encounter, and how did you overcome them?
  1. I initially didn’t know how to implement a toggle switch using HTML and CSS, so I used shadcn/ui instead. The next challenge was syncing the switch with an Active/Inactive state. To solve this, I asked a friend for guidance. I still need to practice implementing it independently without relying on their code

  2. Ensuring that data is accessible across components was another challenge. As I’m still new to React, I first tried prop drilling, but it didn’t meet my needs. While watching tutorials, I discovered the useContext hook, which I then used to manage both shared data and dark mode

  3. I also implemented a ‘Not Found’ page. Feel free to try it out and share your feedback.

What specific areas of your project would you like help with?

Any advice on React is welcome! :)

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Jean-claude’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