Season Ticket Drafting Tool
Welcome to the Season Ticket Drafting Tool! I designed this web app to help some friends and me draft games to our shared two season ticket seats for the inaugural season of the Seattle Kraken!
The app provides a randomized and fair way to distribute a limited resource using a web-based draft. Each season ticket member has their own login which customizes their views of information and limits their actions through authentication.
Designing the app was a good lesson in many technologies. The frontend was developed with the React Next.js framework and hosted on Vercel. The RESTful API is a Dockerized Django backend hosted on Heroku supported by postgreSQL database at ElephantSQL.
For a high level overview, checkout the summary images below. To see the app in a little bit of action, login with the username of 'krakenfan2' and a password of ' uncommon'. Thanks for checking it out!
Log In
Sample Screenshots
KrakenFan2's View
As can be seen in the Draft Progress Table at the top of the screenshot, it is currently KrakenFan2's turn to pick a game to attend. To enable the selection of a game, the PickCards they can choose from contain a link to claim the game.
KrakenFan3's View
The screenshot below displays the Draft Progress Table and Game Ticket Table as seen by KrakenFan3. The view is also the same for KrakenFan1 and KrakenFan4. They can see who has choosen which games and which are available, but currently do not have authorization to claim a game.
