Open the live app in your browser with this link: https://deanssmart.github.io/TOURN/
- For ULTIMATE user experience allow autoplay on your browser
Tron(esque) themed app which randomly creates pairings for a tournament bracket from a list of names collected from the user.
- JavaScript
- React
- Redux
- JSX
- HTML/CSS
- Git (version managed)
- User input player names
- Player number validation
- Random pairing generator
- Play multiple rounds
- Smart round names
- Ability to reset
- Awesome sound effects and theme song 👍
- Option to turn off theme song 👎
- A nod to Tron and the 80's 🕹️
- Enter a player name and click 'ADD'
- Keep doing this until you have the desired number of players (needs to be a power of 2 i.e 2, 4, 8, 16... etc)
- Click 'START TOURNAMENT'
- You can click 'NEW TOURNAMENT' at any point to reset the app
- For each game click the 'WON' button for the winning player
- Once all games are complete click 'NEXT ROUND'
- Continue until the final round where the tournament master is decided
- Click the 'TOURNAMENT MASTER' button and revel in the glory if it was you that won 🏆
- Create a local directory on your machine
- Run the following code in your command line to navigate into that directory:
$ cd ~/your-directory-name-here-
Copy the SSH key from this GitHub repository
git@github.com:deanssmart/TOURN.git -
Run the following code in your command line to clone the repo to your machine (you can change the app-name to what you desire):
git clone git@github.com:deanssmart/TOURN.git <app-name>- Navigate to your new app directory (the app name you just picked):
$ cd app-name- Install the dependencies:
npm i- Run the following command to launch the app in your default browser at http://localhost:3000/:
npm start- Enjoy
- Effects from Zapsplat.com
- Music 'Searching For You' by WhiteHex from from YouTube Audio Library
- Adapted buttons from CodePen Home Alex Bodin https://codepen.io/Alexb98/pen/XWrqpxB
- Adapted lasers from Evolution codepen https://codepen.io/Evolution/pen/auLlw
- Adapted tron style grid from CodePen Joah Gerstenberg https://codepen.io/JoahG/pen/QJQdJB