Every developer has a story — tell yours to the turma [EN]
turma.dev is a portfolio storytelling platform where developers can present their professional journey through a timeline of milestones, projects, and personal links in a content-centered experience.
🌐 Online preview turma.dev/background
| 🖥️ Desktop | 📱 Mobile |
|---|---|
 |
 |
- Foundation with Next.js App Router and TypeScript.
- Content-centered timeline experience for developer storytelling.
- Responsive layouts for desktop and mobile with dedicated UX behavior.
- Synchronized timeline/content navigation using Context API.
- Consolidated project knowledge into a single documentation hub with architecture, workflow, and data model references.
- Auxiliar documentation for AI asisted development
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router, Turbopack) |
| UI Library | React 19 |
| Language | TypeScript 5 |
| Styling | Tailwind CSS 4 |
| Component Kit | Radix UI primitives + shadcn/ui |
| Icons | Phosphor Icons, Lucide React |
| Theme | next-themes (light/dark support) |
| Linting/Format | ESLint 9, Prettier 3 |
- Local setup: docs/project-setup.md
- Product vision: docs/vision.md
- Architecture: docs/architecture.md
- Folder structure: docs/folder-structure.md
- Development workflow: docs/dev-workflow.md
- Vision and purpose: docs/vision.md
- Evolution and scope boundaries: docs/future.md
- Architecture and invariants: docs/architecture.md
- Current data model (ERD): docs/data-model.md
- Code organization: docs/folder-structure.md
- State management: docs/state-management.md
- UI/UX guidelines: docs/ui-guidelines.md
- Workflow for issues, sub-issues, and PRs: docs/dev-workflow.md
- Project setup and scripts: docs/project-setup.md
- Source of truth for project standards and AI instructions: .github/copilot-instructions.md
- Topic-specific rules: .github/instructions/
- Reusable skills for recurring tasks: .github/skills/