An intelligent task management system with AI-powered task breakdown, team matching, and allocation.
- π― Smart Task Creation - AI generates actionable subtasks from descriptions
- π Metric Analysis - Understand task impact, urgency, and complexity
- π€ Intelligent Matching - AI matches team members to subtasks based on skills
- π― Digital Twins - Personalised agents finetuned to each team member's preferences, workplace style, and reactions
- π Visual Dashboard - Track tasks, progress, and team performance
- π GitHub Integration - Automatically create issues and manage projects
- π¨ Modern UI - Beautiful, responsive interface with smooth animations
# Install dependencies
cd front-end
npm install
# Start development server
npm run dev
# Visit http://localhost:3000/dashboardagentverse/
βββ front-end/ # Next.js application
β βββ app/ # Next.js pages
β βββ components/ # React components
β βββ services/ # API & business logic
β βββ types/ # TypeScript definitions
β βββ lib/ # Utilities & mock data
β βββ config/ # Configuration
βββ ARCHITECTURE.md # System design overview
βββ IMPLEMENTATION_PLAN.md # Detailed implementation guide
βββ API_INTEGRATION.md # Backend integration instructions
βββ IMPLEMENTATION_SUMMARY.md # What was built
- Architecture - System design and component structure
- Implementation Plan - Phase-by-phase development plan
- API Integration - How to connect your AI backend
- Implementation Summary - Complete feature overview
β Frontend Complete - Fully functional with mock AI π Backend Integration - Ready for real AI endpoints π Mock Data - 6 team members, 5 sample tasks
The frontend is ready to connect to your AI backend. You need to implement 4 endpoints:
POST /tasks/generate-subtasks- Generate subtasks from task descriptionPOST /tasks/analyze-metrics- Analyze task metricsPOST /matching/find-candidates- Match users to subtasksPOST /github/create-issues- Create GitHub issues
See API_INTEGRATION.md for detailed specs.
# .env.local
NEXT_PUBLIC_USE_REAL_AI=true
NEXT_PUBLIC_API_URL=https://your-backend.com/api- Framework: Next.js 16 with React 19
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Radix UI
- Charts: Recharts
- Animations: Motion (framer-motion)
- Task statistics and metrics
- Open and closed task views
- Team member directory
- Expandable subtask lists
- Define Task - Title, description, priority, tags
- Generate Subtasks - AI-powered breakdown (with recursive decomposition)
- Analyze Metrics - Visualize impact, urgency, complexity with radar charts
- Match Team - AI finds top 3 candidates for each subtask
- Allocate & Deploy - Review allocations, create GitHub issues
- Radar charts for metrics
- Progress bars for tasks
- User skill distributions
- Animated matching process
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm start# Optional - defaults provided
NEXT_PUBLIC_USE_REAL_AI=false # Use real AI backend
NEXT_PUBLIC_API_URL=http://localhost:3001/api # Backend URL
NEXT_PUBLIC_USE_REAL_GITHUB=false # Use real GitHub API
NEXT_PUBLIC_ENABLE_CHAT=true # Enable chat sidebar
NEXT_PUBLIC_MOCK_DELAY_MS=1500 # Simulated API delay