jkrajcir / starsweeper Goto Github PK

There is a VueDialog in App.vue that should be moved into GameBoard or it's own component.

Some issues found using axe DevTools:

• button element in GameTile needs a title attribute
• contrast between text color and background color needs to be bumped up to 4.5 for buttons in GameBoardHeader and VueDialogs

Leaderboard cards changes width when wrapping while shrinking screen width. Wrapping might be more graceful if leaderboard cards are contained inside of a grid.

minmax() function for CSS grid should do the trick.

Add leaderboard functionality:

• for each difficulty, keep track of best times across all players for the current day, last 7 days, last 30 days, last year, and all time
  • leverage digitalocean app platform db and functions
• keep track of best times obtained for individual player locally

When starting the game, the first tile should never have a star underneath it.

Include:

• What is starsweeper and why?
• How is the repo organized
• How to install
• Tech used to build starsweeper

Spots to add a loading indicator to:

• leaderboard
• dialog when saving a new top time after winning the game

Add a modal dialog and display it when game is over (either win or loss), and for accessing game settings.

Intention is to keep naming consistent

Tests for:

• Vue components
• Pinia store
• Any other code that needs to be covered