A beautiful and interactive web application for conducting random draws with Arolla branding.
- Multiple input methods:
- Upload Excel (.xlsx) files
- Upload text (.txt) files
- Copy-paste names directly
- Animated draw sequence with suspense
- Festive winner reveal with confetti
- Responsive design (mobile, tablet, desktop)
- Arolla brand colors (Dark Green #103f19, Bright Green #92DF36)
- React 18 + TypeScript
- Vite
- TailwindCSS
- Framer Motion for animations
- Canvas Confetti for celebration effects
- XLSX for Excel file parsing
npm installnpm run devnpm run build- Push this repository to GitHub
- Log in to Netlify
- Click "Add new site" → "Import an existing project"
- Connect your GitHub repository
- Configure build settings:
- Build command:
npm run build - Publish directory:
dist
- Build command:
- Click "Deploy site"
Your Random Draw application will be live in minutes!
- Add Participants: Upload a file or paste names
- Launch Draw: Click the big green button
- Watch Animation: Names cycle through for 3 seconds
- See Winner: Confetti celebrates the winner
- New Draw: Click to run another draw or reset participants
© 2025 Arolla - All rights reserved