Skip to content

Repository files navigation

Random Team Generator

A Random Team Generator built using Vite and React. This app allows users to randomly divide a list of names into teams according to their skill rating.

🌟 Features

  • 🎲 Random Team Allocation - Easily distribute people into teams.
  • 📱 Responsive Design - Fully optimized for mobile, tablet, and desktop.
  • Accessible UI - Built with accessibility in mind for an inclusive user experience.
  • Lightning Fast - Powered by Vite for an optimized development and production experience.
  • Validation – Ensure participant names, ratings, and teams are correctly entered with title.

📸 Screenshots

alt text alt text

🚀 Installation

Follow these steps to set up the project:

  1. Clone the repository
    git clone https://github.com/yourusername/random-team-generator.git
    cd random-team-generator
  2. Install dependencies
    pnpm install
  3. Run the development server
    pnpm run dev
  4. Build for production
    pnpm run build
  5. Preview the build
    pnpm run preview

🔧 Usage

  1. Enter the names of participants.
  2. Select the number of teams.
  3. Click the Generate Teams button.
  4. View and share the randomized teams.

🎨 Accessibility & Responsiveness

  • Keyboard Navigation: Fully navigable via keyboard for better usability.
  • Screen Reader Friendly: Uses semantic HTML and ARIA attributes.
  • Mobile Friendly: Adapts smoothly to different screen sizes.

📜 License

This project is licensed under the MIT License.

About

Random team generator based on Participants rating

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages