[FEAT]: Implement Real-time Notifications System

[coxmars]

Implement Real-time Notifications System

Description:

The current notification system uses mock data and is not real-time. Implement a proper real-time notification system that can receive and display live updates to users.

Requirements:

Real-time Service:

• Implement WebSocket connection for live notifications
• Create notification service for managing real-time updates

Backend Integration:

• Connect to actual notification API endpoints
• Replace mock data with real database queries

State Management:

• Handle notification state updates in real-time
• Implement proper subscription/unsubscription logic

Components to Create/Update:

• src/components/notifications/NotificationService.ts (new)
• src/components/notifications/NotificationButton.tsx
• Update notification API endpoints

Validations:

• Notifications arrive in real-time without page refresh
• Notification count updates automatically
• Mark as read functionality works properly
• WebSocket connection handles reconnection
• No memory leaks from subscriptions

Tests:

• Real-time Test: Verify notifications appear instantly
• Connection Test: Test WebSocket connection and reconnection
• State Test: Notification state updates correctly
• Read Status Test: Mark as read functionality works
• Performance Test: No memory leaks or performance issues

⚠️ Please follow the guidelines for requesting an issue, launching commits, and describing PRs. Otherwise, they will be ignored. ⚠️

[raizo07]

Hello, I'd like to be assigned to work on this Issue. I'm a software dev with over four years experience.

[aguilar1x]

Hi, my name is Matias Aguilar. I am a software development engineer with 2.5 year of experience in backend and some frontend. I am a maintainer of projects like RevolutionaryFarmers, StarShop, Scaffold Rust and Arcadis focusing on Smart Contracts using Rust, Frontend and Backend, and I also have experience with Cairo. StarkNet bootcamp graduate. I am passionate about design, which is why I enjoy UI/UX, and I have a natural ability to create effects or design anything that might be needed. My experience in both frontend and backend enables me to carry out a wide variety of tasks to achieve set goals.

I am also skilled in documentation, ensuring that the reading experience is clean, concise, and enjoyable for the reader. I apply various visual techniques to make the content engaging and appealing. I am a member of Dojo Coding, and I would really love to participate in the project with this issue.

Recommended by OnlyDust for high-quality and dependable contributions.

[coxmars]

@aguilar1x Go ahead, if you need help or something just let me know 🫡

[Benjtalkshow]

@coxmars
Is this issue still available?

[coxmars]

Hi @aguilar1x any updates?