A React web app built to simplify picking 5-a-side football teams. The app ensures balanced teams by considering player roles and provides fun, shareable outputs.
- Randomly allocate players to two teams
- Players can be tagged as goalkeepers, defenders, or strikers to ensure balanced teams
- Generate multiple team options for voting
- Randomly generated team names, with local options for London and Hampshire (more regions can be added)
- Export saved teams as an image to share with friends
- Optional "Warren Mode" spices up warnings and summaries. When enabled you can set an aggression slider (0-100%) to control how often the tone is nasty (defaults to 20%).
- Dark mode enabled by default with option to switch to light theme
Get started hacking on TeamShuffle in just a few steps:
- Install dependencies
npm install
- Launch the hot-reloading dev server and visit
http://localhost:5173
npm run dev
- Create and preview a production build
npm run build npm run preview
Keep your code tidy with:
npm run lint
The app is available at TeamShuffle.
Contributions are welcome! Feel free to fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.