2023-12-18 | Taaffeite cohort
Corner pocket is designed to be a league manager for local leagues. Most pickup leagues have to rely on paper and word of mouth to coordinate, score, and declare winners. Corner pocket is designed to take the guesswork out of the equation. Select your sport, tournament type, and then invite your friends to join the league. For proof of concept, I'm designing it for use in 8-ball billiards 5-man teams to apply it to an existing league. However the database structure should allow it to apply to almost any sport/activity with a few tweaks. The centerpiece is a scoring app to keep track of the games themselves.
Registered users will be able to log in to the application. The Log-in page will contain a link to the Registration page (no wireframe included). Registration will contain text inputs for username and password. The Registration page will also contain a button that navigates the user back to the Log-in screen and a button that will submit the form. After successful form submission, the user will automatically be logged in with the new account. While a desktop version exists, the application itself is optimized for mobile.
Forgot password will not be included in this project.
There are 4 main sections of the app with a few subsections as well that can be replicated across the application.
The Home page has three options depending on the current status of the user.
- Home view - logged in and with an active league
- Home view - logged in without an active league.
- Home view - not logged in
- Team roster - Clicking on a name opens a detail view with contact info and stats
- Stats
- Scoring app - Set lineup view (for team captains). Once the lineup is set, for each team, the match can begin.
- Scoring app - Match View
- Scoring app - Round view
- Last will be a schedule view as a stretch goal. Be able to see at a glance all the upcoming matchup time/date/locations.
Used in stretch goals
-
Google sign-in [https://developers.google.com/identity/sign-in/ios/start]{.underline}
-
Google Calendar integration
-
Google Maps embedding
[Database diagram: [https://drawsql.app/teams/8bit-heroes/diagrams/corner-pocket]{.underline}]{.mark}
Application will fully support browsers listed below. All browsers or versions not listed below are considered out of scope.
| Browser Name | Mobile or Desktop? | Version |
|---|---|---|
| Chrome Mobile | Mobile - iOS | Version 120.0.6 |
-
Node.js
-
Express.js
-
React.js
-
Postgresql
-
AWS Amplify
-
AWS S3
-
AWS Route 53