Technical - Stack, Data Models & Routes
Stack
Frontend
| Layer | Technology |
|---|---|
Framework |
Next.js 14 (App Router) |
Language |
TypeScript |
Styling |
Tailwind CSS |
Animation |
Framer Motion |
Icons |
Lucide React |
Charts |
Recharts |
Auth |
NextAuth |
i18n |
next-intl (7 languages) |
AI |
OpenAI SDK |
Editors & Diagrams
| Type | Library |
|---|---|
Markdown |
@uiw/react-md-editor, remark-gfm |
AsciiDoc |
asciidoctor.js |
Mermaid |
mermaid |
PlantUML |
plantuml-encoder |
Draw.io |
Embedded iframe |
GraphViz |
d3-graphviz |
Export |
html2canvas, jspdf |
Backend
| Layer | Technology |
|---|---|
Runtime |
Node.js + Express |
ORM |
Prisma |
Database |
PostgreSQL |
Cache |
Redis (ioredis) |
Security |
Helmet, CORS |
Data Models
| Model | Purpose | Fields |
|---|---|---|
projects |
Opus Magnum initiatives |
title, description, category, status, priority, impact |
project_documents |
Document storage per project |
type (markdown/asciidoc/mermaid/etc), content |
books |
Reading library |
title, author, pages, progress, rating |
chapters |
Book chapters |
number, title, notes, reading_time |
quotes |
Extracted quotes |
text, page, chapter_id |
reading_progress |
Per-language reading state |
current_chapter, reading_time_minutes |
authors |
Book authors |
name, description |
useful_commands |
CLI command library |
name, command, description, category, tags |
supported_languages |
i18n config |
code, name, native_name |
Routes
| Route | Purpose |
|---|---|
|
Main dashboard |
|
Opus Magnum project list |
|
Project detail with document tabs |
|
Book reading library |
|
Book detail with chapter tracking |
|
Visual Atelier gallery |
|
Standalone diagram editors |
|
Mermaid editor |
|
PlantUML editor |
|
Draw.io embedded |
|
AsciiDoc editor |
|
Usage analytics |
|
Data backup management |
|
Authentication |