Notifications page Solution

Hello Frontend Mentor Community,

This is my solution for the Notifications page challenge. I am a free user, and do not have access to the design files from the Pro version. I built this app using React, Next.js, and TailwindCSS.

Difficulties Encountered:

Array manipulation: Initially, I was struggling to add the functionality to mark all messages as read. However, I think I found a really clean solution thanks to this documentation: https://react.dev/learn/updating-arrays-in-state

Questions:

I created a static data.js file to keep track of user data; is there a better structure that would resemble real-world application?

Technologies Used:

• React
• Next.js
• TailwindCSS