Submitted about 2 years ago

Notifications page using ReactJS and Open Props + (Dark/Light Mode)

#accessibility#react#vite

Arby•170

@mobalti

Preview site View code

This is a solution for...Notifications page

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

Hi there! 👋 This is my solution for the challenge. 🚀

I have added a Light and Dark Mode feature and a theme switch component.
To represent the data, I created an array of objects that were then mapped to individual <card> components.

Built with:

React JS
CSS Modules
Open Props
Vite

Any suggestions on how I can improve are welcome!

Community feedback

Please log in to post a comment

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