Pipeline dashboard for sample app we will create to transform legacy codebase into testable one
| Component | Commit Stage | UAT Release Stage | Production Release Stage |
|---|---|---|---|
| Tasker UI |  |
 |
 |
| Tasker API |  |
 |
 |
I found Valentina sharing her thoughts & process on how we can transform legacy codebase into a testable one. And eventually use TDD to gain confidence in software delivery
She is writing a series of articles at Optivem which will guide the readers through the entire process. The purpose is to learn that process.
Checkout Complete Series Outline to understand each stage and it's sub processes
- Sign up and log in with JWT-based authentication.
- Auto-redirect logged-in users to the dashboard.
- Password hashing and token management.
- Logout
- Create, view, and delete personal todos.
- Each user only sees their own tasks.
- Uses PostgreSQL via Prisma ORM for database management.
- Covers common edge cases (e.g., invalid input, authentication errors).
- Clear user feedback for errors.
5. Frontend
- Built with Vue 3 and Pinia for state management.
- Uses the Composition API and styled with Shadcn.
- Axios automatically sets auth tokens for API requests.
6. Backend
- Built with Express.js for API endpoints.
- Prisma ORM for database operations.
- Nodemon for auto-reloading in development.