Case study
SpecFlow
Internal tool for feature requests, technical specifications, and the tasks that fall out of them.
- Vue 3
- TypeScript
- Pinia
- Tailwind CSS
- Node.js
- Express
- MongoDB
Full-stack app for admins and developers: write specs, assign work, and move tasks through a pipeline. Vue 3 Composition API with TypeScript, Pinia, and Zod on the frontend; Node.js Express, MongoDB, and JWT auth with refresh-token rotation on the backend. Role-based access, rate limiting, and a solid test suite with Vitest.
Auth & workspace
Sign in, register, then land on the dashboard and personal work view.
Sign in
JWT auth with email and password.
1 / 4
Tasks
List and board views, creation drawer, and full task detail.
Tasks list
Filterable table of work across the pipeline.
1 / 4
Specifications
Spec pipeline, table browse, detail, and drafting a new spec.
Specs pipeline
Status flow from draft through approval and archive.
1 / 4
Settings & notifications
Appearance, profile, defaults, and the notification panel.
Appearance
Theme and accent preferences per user.
1 / 5
Seeded demo accounts (local / deploy):
- Admin: admin@specflow.dev / Admin1234!
- Developer: dev@specflow.dev / Dev12345!