Planning Poker 🃏

A modern Planning Poker tool for agile teams, built with Nuxt 4, TypeScript and Tailwind CSS.

✨ Features

• Real-time Estimation: Estimate user stories together with your team
• Fibonacci Scale: Standard poker values (0, 1, 2, 3, 5, 8, 13, 21, 40, 100, ?, ☕)
• Statistics: Average, median and vote distribution
• Consensus Detection: Automatic detection when everyone votes the same
• Observer Mode: Participate without voting
• Responsive Design: Optimized for desktop and mobile

🛠️ Technology Stack

• Framework: Nuxt 4
• Language: TypeScript
• Styling: Tailwind CSS
• Package Manager: Bun
• Icons: @nuxt/icon
• Fonts: @nuxt/fonts

📁 Project Structure

planning-poker/
├── app/
│   ├── assets/css/        # Global styles
│   ├── components/        # Vue components
│   ├── composables/       # Reusable logic
│   ├── pages/             # Routes/pages
│   ├── types/             # TypeScript types
│   └── utils/             # Utility classes
├── public/                # Static assets
├── nuxt.config.ts         # Nuxt configuration
├── tailwind.config.ts     # Tailwind configuration
└── package.json

🚀 Quick Start

Installation

bun install

Development

# Start development server (http://localhost:3000)
bun run dev

Production

# Build for production
bun run build

# Test production build
bun run preview

📖 Architecture

The project follows DRY and OOP principles:

• Composables: Reusable logic in composables/
• Utility Classes: Participant and Session classes
• Types: Central TypeScript definitions in types/

📄 License

MIT License