Skip to content
OverviewSolutions
8
Comments
1
Arby
@mobalti

All comments

  • Arby•170
    @mobaltiSubmitted almost 2 years ago

    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!

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

    2
    Arby•170
    @mobaltiPosted almost 2 years ago

    Hi @katjadanilova, I would like to update you on my progress. Upon further investigation, I realized that instead of updating the aria-label attribute when the button was clicked, I had mistakenly modified the aria-live attribute value. I have now resolved the issue and the app is fully functional for screen readers. I invite you to test it.

    I am truly grateful for your assistance, and I would also like to express my appreciation to the Frontend mentor team for providing me this opportunity.

    1