We've just launched a new FREE challenge! 🥳 This browser extension manager UI project will be a fun way to practice working with dynamic data (we provide a JSON file), filtering data, color theming, and building a responsive grid (among other things!) Your users should be able to: ☑️ Toggle extensions between active and inactive states ☑️ Filter active and inactive extensions ☑️ Remove extensions from the list ☑️ Select their color theme ☑️ View the optimal layout for the interface depending on their device's screen size ☑️ See hover and focus states for all interactive elements on the page Here are a couple of ideas to take the project a step further: ✨ Add a confirmation modal that triggers before removing an extension ✨ Use animations and transitions to add a layer of polish to the project We hope you have fun building the project! Happy coding! 🙂 Challenge link in the thread 👇
As this is a free challenge, the free download includes JPG images of the designs. To access the original Figma design file, you can subscribe to Frontend Mentor PRO. Learn more about PRO here 👇 frontendmentor.io/pro