Tutorial: Feature Development Workflow

Build a complete feature using Bootspring's feature development workflow with orchestrated agent collaboration.

What You'll Build#

• User notifications system with:
  • Database schema design
  • API endpoints
  • Real-time updates
  • Email notifications
  • UI components

Prerequisites#

• Bootspring initialized project
• PostgreSQL database configured
• Basic understanding of agents and workflows

Step 1: Start the Feature Workflow#

Initialize the feature workflow with your requirements:

When prompted, describe your feature:

Step 2: Requirements Phase#

The workflow first engages the product-expert to clarify requirements.

Agent Conversation#

Expected Output:

Step 3: Architecture Phase#

The architecture-expert designs the system.

Expected Output:

Step 4: Database Design Phase#

The database-expert creates the schema.

Generated Schema#

Apply the schema:

Step 5: API Development Phase#

The api-expert creates the endpoints.

Notification Service#

API Routes#

Step 6: Real-time Updates Phase#

The backend-expert implements Server-Sent Events.

SSE Endpoint#

Update Notification Service#

Step 7: Frontend Development Phase#

The frontend-expert creates the UI components.

Notification Hook#

Notification Bell Component#

Step 8: Testing Phase#

The testing-expert creates tests.

Service Tests#

Step 9: Quality Gates#

Run quality checks before deployment:

Step 10: Complete the Workflow#

Mark the workflow as complete:

Verification Checklist#

• Database schema created and migrated
• API endpoints working correctly
• Real-time updates functioning
• Email notifications sending
• UI components rendering correctly
• Tests passing
• Quality gates passed

What You Learned#

• Using the feature development workflow
• Coordinating multiple expert agents
• Building full-stack features with Bootspring
• Real-time updates with SSE
• Testing multi-layer applications

Next Steps#

• Add email preferences UI
• Implement push notifications
• Add notification analytics