Real-time systems
Collaborative Notes
Many clients. One shared state.
Collaborative Notes explores the engineering behind shared state: authenticated users, concurrent editing, and live presence coordinated through a Blazor application and SignalR.
Open public projectSYSTEM ARCHITECTURE
A live document shared across connected clients
The interface stays focused on writing while a real-time channel distributes document and cursor activity between the participating sessions.
ENGINEERING STORY
Editing becomes a distributed systems problem
Once several people can change the same note, the document is no longer local UI state. Client actions must move through a shared channel so every connected editor can observe the same evolving document.
Collaboration should feel visible
Live cursor coordinates, movement speed, and direction make other participants tangible. Presence is treated as part of the editing experience rather than an afterthought.
Identity surrounds the real-time layer
Registration, login, authorization, and protected routes provide the application boundary around collaborative sessions and shared content.
TECHNICAL FOUNDATION
Layers of the system
Application
Real time
Data
Implemented capabilities
- User registration, login, and protected application routes
- Real-time editing of a shared note by multiple connected users
- Live collaborator cursor tracking, including movement speed and direction
- A custom editing surface integrated with the real-time application layer
Planned directions
- Persistent note creation and loading
- Selective collaborator invitations and group sharing
- Version history, restore, and undo flows
- Richer in-note elements and collaboration presence