Skip to content

Application de tirage au sort avec les couleurs d'Arolla

Notifications You must be signed in to change notification settings

arolla/TirageAuSort

 
 

Repository files navigation

Random Draw - Tirage au Sort Arolla

A beautiful and interactive web application for conducting random draws with Arolla branding.

Features

  • 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)

Tech Stack

  • React 18 + TypeScript
  • Vite
  • TailwindCSS
  • Framer Motion for animations
  • Canvas Confetti for celebration effects
  • XLSX for Excel file parsing

Getting Started

Installation

npm install

Development

npm run dev

Build

npm run build

Deployment to Netlify

  1. Push this repository to GitHub
  2. Log in to Netlify
  3. Click "Add new site" → "Import an existing project"
  4. Connect your GitHub repository
  5. Configure build settings:
    • Build command: npm run build
    • Publish directory: dist
  6. Click "Deploy site"

Your Random Draw application will be live in minutes!

Usage

  1. Add Participants: Upload a file or paste names
  2. Launch Draw: Click the big green button
  3. Watch Animation: Names cycle through for 3 seconds
  4. See Winner: Confetti celebrates the winner
  5. New Draw: Click to run another draw or reset participants

License

© 2025 Arolla - All rights reserved

About

Application de tirage au sort avec les couleurs d'Arolla

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.4%
  • JavaScript 2.8%
  • Other 1.8%