Een desktop-first fullstack webapplicatie voor solo developers en kleine Scrum Teams die meerdere softwareprojecten parallel beheren. De app organiseert werk hiërarchisch (product → PBI → story → taak), biedt gesplitste planningsschermen met drag-and-drop, en integreert met Claude Code via een REST API en MCP
https://scrum4-me.vercel.app
Janpeter Visser
990fca792f
Removed references to automatic logging of implementation plans, test results, and commits in stories. Updated task instructions and conventions for clarity. |
||
|---|---|---|
| .claude | ||
| .github/workflows | ||
| .husky | ||
| .icons | ||
| __tests__ | ||
| actions | ||
| app | ||
| components | ||
| lib | ||
| prisma | ||
| public | ||
| stores | ||
| .gitignore | ||
| AGENTS.md | ||
| CLAUDE.md | ||
| components.json | ||
| eslint.config.mjs | ||
| MD3_Color_Scheme_Documentation.md | ||
| middleware.ts | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.mjs | ||
| prisma.config.ts | ||
| README.md | ||
| scrum4me-architecture.md | ||
| scrum4me-backlog.md | ||
| scrum4me-functional-spec.md | ||
| scrum4me-personas.md | ||
| scrum4me-product-backlog.md | ||
| scrum4me-styling.md | ||
| Srum4MeIcons.html | ||
| theme.css | ||
| tsconfig.json | ||
| vitest.config.ts | ||
Scrum4Me – Agile Project Management Tool
Portfolio samenvatting
Scrum4Me is een moderne fullstack webapplicatie voor agile projectmanagement.
De applicatie is gebouwd als portfolio-project om mijn vaardigheden in moderne softwareontwikkeling, cloud deployment en AI-assisted development te demonstreren.
Doel
Veel teams missen overzicht en flexibiliteit in agile workflows.
Scrum4Me biedt een lichtgewicht, web-based oplossing voor het beheren van sprints, taken en teamprocessen.
Mijn rol
- Architectuur en ontwerp
- Fullstack development (frontend + backend)
- Database ontwerp
- Implementatie van authenticatie en API’s
- CI/CD en deployment
Functionaliteiten
- Agile dashboards (scrum boards)
- Taakbeheer (create/update/delete)
- Authenticatie en gebruikersbeheer
- API tokens voor externe integraties
- Drag-and-drop interactie
- Integratie met AI tooling (Claude Code)
Technologie stack
- Next.js (App Router)
- React
- TypeScript
- Prisma ORM
- PostgreSQL (Neon)
- Vercel (hosting)
- GitHub Actions (CI/CD)
Architectuur (kort)
- Frontend en backend via Next.js
- Database via Prisma + PostgreSQL
- Auth en API via server routes
- Deployment via Vercel
Live demo
👉 Voeg hier je Vercel link toe
Screenshots
👉 Voeg hier screenshots toe (dashboard, board, etc.)
Wat ik geleerd heb
- Werken met moderne fullstack architectuur
- Integratie van database via Prisma
- Opzetten van CI/CD pipelines
- Structureren van schaalbare webapplicaties
Toekomstige verbeteringen
- Multi-user samenwerking verbeteren
- Notificaties
- Performance optimalisatie
- Uitbreiding AI-functionaliteit