Task Master :: step‐by‐step - up1/workshop-vibe-coding-202507 GitHub Wiki
Working with Task Master
Workflows with TaskMaster
- Create Product Requirements Document(PRD)
- Create tasks and sub-tasks from PRD
- Develop task-by-task
1. Install and initial taskmaster
Install
$npm install -g task-master-ai
Initial with cursor
$task-master init --rules cursor
Project structure
.
├── .cursor
│ ├── mcp.json
│ └── rules
├── .env.example
├── .gitignore
└── .taskmaster
├── config.json
├── docs
├── reports
├── state.json
├── tasks
└── templates
Initial task master in Cursor
Initialize taskmaster-ai in my project
2. Create PRD for your project
File prd.txt
# บันทึกรายรับรายจ่ายจาก file slip ของ mobile banking
## Introduction
A cross-platform web application that allows users to upload file slips from mobile banking apps and automatically extract income or expense data using OpenAI's API. It simplifies the process of financial tracking by removing the need for manual data entry.
## Features
- User registration and login
- Slip upload and data extraction
- Categorization of expenses
- Income and expense tracking
- Visual financial dashboards
- Export data to CSV or Excel
- Responsive UI for mobile and desktop
## Functionalities
- Use OpenAI API to extract transaction information from slip images or PDFs
- Automatically categorize extracted entries (e.g. bills, food, salary)
- Store transactions securely under user profiles
- Allow users to manually edit categories and entries
- Generate visual charts (monthly/annual spending, top expense categories)
- Export full data set as CSV or Excel
- Maintain secure authentication using JWT with encrypted storage
## Goal of Building the Application
To reduce the friction in personal financial management by leveraging AI-powered document parsing and offering simple but effective tools for users to track, understand, and control their finances.
## Target Audience
- Individuals with recurring banking transactions
- Families with shared expenses
- Small business owners needing lightweight accounting tools
## Tech Stack
- **Frontend**: ReactJS + Tailwind CSS
- **Backend**: Node.js with Express
- **Database**: PostgreSQL
- **Build and Deploy**: Docker and docker compose
- **APIs**: OpenAI API for slip data extraction
- **Authentication**: JWT-based user sessions
- **Analytics**: Chart.js or Recharts
3. Generate tasks and subtasks from PRD file
$task-master parse-prd .taskmaster/docs/prd.txt
Generate tasks in file tasks.json
List of task
$task-master list
Generate task files
$task-master generate
Create files in .taskmaster/tasks
4. Develop first task
$task-master list
Start task001
procees on task 001
- Review and revise
- Approve
- Next step
$task-master list