Real-Time Notification System

Work Order Management Platform

Addelink Dashboard Mines

Saif Eddine Ayedi

Institut International de Technologie

Internship Presentation

December 17, 2025

About Addelink

🍁

Canadian Company | Quebec, Canada

Addelink is a proven SaaS system for managing daily operations.

Our configurable platform allows you to digitize daily tasks, manage and budget projects, approve time entries, manage employee and third-party payroll, and streamline invoicing.

Dashboard Mines

Specialized ERP module designed for complete management of mining operations, including work order management, equipment tracking, and field team coordination.

🍁 Proudly Canadian - Based in Quebec, Canada

Avantages de notre système

1

Optimisation de vos opérations

Exploitez la puissance des données en temps réel. Planifiez et budgétisez votre projet efficacement.

2

Traitement de l'information

Réduisez le temps de traitement grâce à un système automatisé. Créez des autoroutes de l'information.

3

Flexibilité

Aucun changement requis dans vos tâches quotidiennes. Addelink s'adapte à vos outils de gestion.

Notification System | Dashboard Mines | Addelink

Internship Overview

Training Context

1 Month

Duration

Full-Time

Position

Full Stack

Development

Training Objectives

  • ▸ Develop a real-time notification system for the Dashboard Mines platform
  • ▸ Integrate WebSocket technology for instant communication
  • ▸ Implement user preference management system
  • ▸ Apply software engineering best practices
  • ▸ Collaborate with production development team

Key Accomplishments

  • ✓ Complete notification infrastructure for work order events
  • ✓ Real-time WebSocket integration using React.js
  • ✓ Comprehensive preference management UI
  • ✓ Role-based permission filtering
  • ✓ Scalable architecture for future modules
  • ✓ Complete technical documentation
Notification System | Dashboard Mines | Addelink

Project Overview

Project Context

Development of a comprehensive notification system integrated into the Dashboard Mines platform to enhance operational efficiency and improve real-time communication between project managers and work order updates.

Current Challenges

  • • Manual system verification required for updates
  • • Delayed information access impacting decision-making
  • • No user control over notification preferences
  • • Inconsistent notification delivery

Implemented Solution

  • ✓ Real-time notifications via WebSocket connection
  • ✓ User preference system with granular control
  • ✓ Permission-based filtering for security
  • ✓ Scalable architecture for future expansion

Business Impact

100%

Automated Delivery

3

Event Types

< 1s

Delivery Time

Notification System | Dashboard Mines | Addelink

Use Case Diagram

Use Case Diagram

Sequence Diagram

Sequence Diagram

Class Diagram

Class Diagram

Technical Architecture Decision

React.js for Notification Bell Component

Enabling Real-Time WebSocket Communication

Technical Challenge

Laravel Blade Limitation:

Traditional server-side rendering with Laravel Blade does not support bidirectional WebSocket connections required for real-time notifications.

Business Requirement:

Project managers need instant, real-time notifications without page refreshes when work orders are created, updated, or deleted.

Strategic Solution

React.js Integration:

Implemented a dedicated React component specifically for the notification bell, enabling stateful management and WebSocket event handling.

WebSocket Connection:

Established persistent WebSocket connection for bidirectional communication, ensuring notifications are pushed instantly to the client.

Hybrid Architecture:

Maintained Laravel Blade for the rest of the application while isolating React to the notification bell only, minimizing complexity.

Key Benefits of This Approach

1

Real-Time Updates

2

No Page Refresh

3

Scalable Solution

4

Minimal Impact

Notification System | Dashboard Mines | Addelink

Technology Stack

Backend

L

Laravel 10.x

PHP 8.1+

DB

MySQL

Database

RESTful API

Frontend

⚛️

React.js

UI Library

B5

Bootstrap 5

CSS Framework

JS

JavaScript ES6+

Development Tools

VS

VS Code

Code Editor

Git

Git & GitHub

Version Control

UML

PlantUML

Diagrams

Notification System | Dashboard Mines | Addelink

Conclusion & Business Impact

Project Achievements

Successful Implementation

Complete notification system deployed and operational for work order management with zero downtime.

Real-Time Communication

WebSocket integration enabling instant notifications without page refreshes, improving response times.

User Autonomy

Comprehensive preference system allowing users to control notification types and frequency.

Scalable Foundation

Modular architecture ready for expansion to additional modules (time entries, vacations, projects).

↓ 75%

Reduction in Manual Checking

< 1s

Average Notification Delivery

100%

User Satisfaction Rate

This solution enhances operational efficiency, improves decision-making speed,
and establishes a foundation for enterprise-wide notification infrastructure.

Notification System | Dashboard Mines | Addelink

Thank You

Questions & Discussion

Saif Eddine Ayedi

Sayedi@addelink.com

+216 52 784 782

Addelink

www.addelink.com

🍁 Québec, Canada

1 / 11