Notification Page CSS | JS | HTML | JSON

What are you most proud of, and what would you do differently next time?

I'm proud of my generative solution, where I create new elements on demand, This would have been way easier using react

What challenges did you encounter, and how did you overcome them?

The main one was to give the right structure to the data in this one i separete each notification into an object

  {
    "user": "Mark Webber",
    "time": "1m ago",
    "action": "reacted to your recent post",
    "message": null,
    "group": null,
    "post": "My first tournament today!",
    "avatar": "./assets/images/avatar-mark-webber.webp",
    "wasReded": true
  },

after this it was just a matter of rendering the notifications depending on the action property (yes I just realized I did some horrible typo's on this object I apologize to any english speaker)

What specific areas of your project would you like help with?

I would have loved to have used localstorage to avoid fetching the data on each reload, as I assume big sites do, but that is beyond my current level. Does anyone know how I should have done it?