Board Game Score Tracker

Workflow

• Login

  

  User must authenticate before accessing the platform. Once logged in, can freely navigate between all sections of the application or log out at any time through the main navigation.



• Stats

  

  After login, the user is redirected to the Stats page, which provides an overview of their yearly activity. The user can also filter statistics by month. The most played game of the selected month is highlighted with a heart icon.



• Games

  

  In this page, user can view global statistics of their games and matches. The section also includes a list of all available games.

  And user can create a new game by defining the game settings:

  1. Game title: the name of the game
  2. Has winner: set if the game has a winner
  3. Has score: set if the game has a score
  4. low score wins: if has score is selected, now can select if low score wins
  5. is coop: set if the game is played
  6. has teams: if is coop is true, now can select if that game has teams

  When clicking on a game, user enter the Game Details page.



• Game Details

  In this page, the user can view global statistics for this specific game. The section also includes a list of all matches.

  And the user can edit game settings, edit and delete matches, and add a new match by defining:

  1. A date: the date of the match ocurred
  2. Players: a list of players that participated in the match. You have to select at least one from the list of Players previously added
  3. Results: add match results depending on the game settings:

  

  

  

  

  

  

  

  

  Has winner	Has score	Low score wins	Is coop	Has teams	Result
  TRUE	TRUE	FALSE	FALSE	-	The user can add multiple rounds and assign scores to each participant for every round. The winner is automatically determined based on the highest total score.
  TRUE	TRUE	TRUE	FALSE	-	The user can add multiple rounds and assign scores to each participant for every round. The winner is automatically determined based on the lowest total score.
  FALSE	TRUE OR FALSE	TRUE OR FALSE	TRUE OR FALSE	TRUE OR FALSE	No results to add.
  TRUE	FALSE	-	FALSE	-	The user selects the winner directly from the participant list.
  TRUE	TRUE	FALSE	TRUE	TRUE	The highest total score from the sum of all player scores in that group wins.
  TRUE	TRUE	TRUE	TRUE	TRUE	The lowest total score from the sum of all player scores in that group wins.
  TRUE	FALSE	-	TRUE	FALSE	The user selects the result as a victory or defeat of the team.
  TRUE	FALSE	-	TRUE	TRUE	The user selects the winner directly from the participant list.

  
  
  4. Comments: maybe achievements, fun facts about the match, etc.


• Players

  

  This section displays a list of all created players. User can edit player names at any time.

Technical Challenges

• Development process
  One of the most interesting aspects of the development process was combining my front end skills with AI assisted development tools such as Google Gemini and Anthropic Claude to help implement features and solve technical challenges beyond my current expertise. This allowed me to move faster, experiment with new ideas, and expand my development workflow while still maintaining full control over the product design and user experience.

• BBDD with Supabase
  Another key challenge was designing and structuring a maintainable and scalable database using Supabase. I had to carefully think about data relationships between games, players, and sessions to ensure the system could grow without becoming rigid or difficult to extend over time.

Results