ALI-MARS
Web ApplicationPRODUCTION READY2 ACTIVE MODULES

Salman AM

An interactive, next-generation educational platform featuring real-time collaboration and 3D rendering.

Salman AM is a modern educational management suite connecting instructors and students. Backed by real-time WebSockets, interactive 3D visualizations, automated Telegram bot bridges, and automated academic PDF report card generation.

Web BrowserWeb ApplicationFrontend ArchitectureBackend Services
The Engineering ProblemArchitectural GoalsCore Capabilities & MechanicsTechnology Stack by ComponentSystem Architecture Deep-DiveRepository Source Matrix (2)

The Engineering Problem

Educational software is often dated, clunky, and text-only. Students and teachers struggle with fragmented channels for grading, resource downloads, 3D interactive learning concepts, and instant class announcements.

Target Users & Stakeholders

Schools, academic academies, instructors, and students seeking a fluid, digital-first learning and communication environment.

Architectural Goals

Deliver interactive 3D conceptual visualizers inside the browser.
Enable instant real-time notifications and chat via Socket.IO and automated Telegram bot dispatchers.
Automate academic report cards and dynamic student transcripts in vector PDF format.

Core Capabilities & Mechanics

SPEC 01

Interactive 3D Render Canvas

Brings complex spatial and scientific concepts to life with performant WebGL / Three.js browser scenes.

SPEC 02

Real-time Event Synchronization

Powered by Socket.IO for live classroom announcements, instant quiz participation, and messaging.

SPEC 03

Telegram Notification Pipeline

Seamlessly routes grades, deadlines, and schedule alerts directly to verified Telegram accounts.

SPEC 04

Automated PDF Transcript Engine

Generates high-definition, beautifully formatted academic reports ready for printing and archiving.

Technology Stack by Component

Full-Stack Educational Suite
ReactNode.jsSocket.IOThree.js / 3D CanvasTelegram Bot APIAWS S3PDF Engine

System Architecture Deep-Dive

Full-stack architecture pairing a rich React SPA with a resilient Node.js API. Socket.IO manages high-frequency bi-directional events, an S3 bucket handles curriculum media, and dedicated background workers generate cryptographic academic PDFs.

Technical Decisions & Trade-offs

Multi-Channel Alert Dispatch

Combined in-app real-time toasts with instant Telegram alerts to ensure students never miss critical exam deadlines.

Hardware-Accelerated 3D Modules

Integrated modular 3D viewports loaded asynchronously to prevent educational interactive models from impacting page performance.

Repository Source Matrix

2 CONNECTED REPOS
Interactive Academic Portal Frontend
front-salman-am
GitHub
Real-time Educational Engine Backend
back-salman-am
GitHub