Web App

Atlas Notes

A collaborative markdown knowledge base with real-time editing and a graph view of linked notes.

Project data

Teams edited the same notes at the same time and lost changes with every conflict dialog.

The editor also had to stay fully usable with a keyboard and a screen reader.

How it was built

Six phases from the first conversation to the release. The bar shows how the time was split.

7 weeks in total

Research
Editors described the moments their changes collided; each one became a sync test case.
3 days · Conflict cases
Architecture
Data model, rendering strategy and API contracts were agreed before the first screen was drawn.
1 week · ADR, data model
Interface
A component inventory and responsive layouts, built entirely from design tokens.
4 days · Token set, component inventory
Build
Features went live in small slices behind flags, with typed boundaries between client and server.
16 days · Feature slices
Testing
Unit, end-to-end and accessibility checks ran on every pull request.
1 week · Test suite in CI
Deployment
Every branch got a preview environment; the production rollout was a single click.
2 days · Preview and release pipeline
Result
Conflict dialogs disappeared, and weekly active editors per workspace doubled.
Open the live demo