VARUNAMAALAA-Work package 2-Software Modules-Storage and GUI [VARUNAMAALAA WEB]]

In the file with notification logo

Socket.IO at client for real-time updates,
Defined in the page of notification logo to update logo inner text with counts on unread notifications

  <script>
  const socket = io();

  socket.on('new_user_notification', () => {

    fetchUnreadNotifications(); // This hits backend to fetch new data
  });

  async function fetchUnreadNotifications() {
    const res = await fetch('/notifications/unread');
    const data = await res.json();

    updateNotificationBell(data.count);
    renderNotificationList(data.notifications);
  }
</script>