Interactive Notifications Page built using React and SASS/SCSS

This was built using React and SCSS/SASS for styling. This project was very good practice for working with react hooks, especially useState(). Utilized Git and Github for version control and deployment.

User story:

• When the user clicks on the "Mark all as read" the notification should default to 0, in this case I decided to remove the element whenever the user clicks "Mark all as read"

Added feature: Initially, the challenge had one interactive feature which was the "Mark all as read" button. However, I wanted to improve on this design and decided to add a "View Message" feature for when the user received a notification that someone has privately messaged them. This could benefit the user experience by:

• Allowing increased privacy from individual messages they receive
• Are able to toggle between show and un-show message to quickly view and un-view the message. Both for privacy and efficiency.

Any suggestions from fellow developers on how to improve my project and code is highly appreciated! Thanks!