Skip to content

dr-harper/football-team-picker

Repository files navigation

TeamShuffle

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.

Screenshot

Features

  • 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

Local Development

Get started hacking on TeamShuffle in just a few steps:

  1. Install dependencies
    npm install
  2. Launch the hot-reloading dev server and visit http://localhost:5173
    npm run dev
  3. Create and preview a production build
    npm run build
    npm run preview

Linting

Keep your code tidy with:

npm run lint

Deployment

The app is available at TeamShuffle.

Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

A React App to Randomly Generate 5 A side football teams

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •