Caderno de gestão de conhecimento offline-first para programadores — editor rich-text, diagramas técnicos e repetição espaçada, tudo rodando localmente no navegador.
Notas de estudo técnico (arquitetura, algoritmos, decisões de projeto) costumam ficar espalhadas entre apps genéricos de anotação que não foram pensados para dev: sem suporte real a código, sem diagramas, sem repetição espaçada pra fixar conceito. O Cortex resolve isso com um editor feito pra esse fluxo específico.
- Editor rich-text (TipTap) com tabelas e sumário automático (ToC) gerado a partir dos headings
- Diagramas Mermaid renderizados inline nas notas
- Monaco Editor embutido para blocos de código com syntax highlight real
- Flashcards com repetição espaçada (SM-2) gerados a partir das notas
- Dashboard de workspace com organização por caderno/nota
- Interface com Framer Motion para transições suaves
| Camada | Tecnologia |
|---|---|
| Front-end | React + TypeScript + Vite |
| Estilo | Tailwind CSS |
| Editor | TipTap (rich text) + Monaco Editor (código) |
| Diagramas | Mermaid |
| Estado | Zustand |
| Persistência local | Dexie (IndexedDB) — offline-first, sem backend |
| Animações | Framer Motion |
git clone https://github.com/LucaSilvaDev/cortex.git
cd cortex
npm install
npm run devAcesse http://localhost:5173.
Em desenvolvimento ativo. Próximos passos: exportação de notas, busca full-text no workspace.
Uso pessoal e portfólio. Código disponível para referência.