The goal of this project is to be the one-stop-shop for Quoridor 3D and any variant type games. It will begin with a user authentication system and ability to play a match against another user.
I'll be experimenting with bringing the whole system online using a serverless architecture. The turn based nature of Quoridor should make this possible but I suspect the networked camera movements may be pushing the limits of real time serverless. If it works though, that'd be great for scalability and hosting costs.
If all that works, I'd like to implement a scoreboard and friend system. Potentially game replay feature.
- Login using oauth
- store user in db
- create page showing all users
- add another login method
- render game at some route
- fix double render bug (strict-mode)
- realtime networked cameras
- have fences appear from DB
- have players appear from DB
- have fences counts sync with DB
- have player turn sync with DB
- unify coordinate system for front and back
- serverless function recreates game state
- serverless function validates move
- realtime postgres websockets notify user of move
Sunday 2/25
-
handle win state
-
add friends list
-
create friend request
-
accept/decline request
-
invite friend to game
-
generate new table per game and initialize with default game state
-
visual pass over home page
-
visual pass over score page
-
visual pass over friends page
-
visual pass over games page
-
visual pass over sign up page
-
update elo with winner of game
-
allow games of different dimensions
-
flesh out email signup so it isn't hardcoded
-
basic replay system with forward/backwards
-
clean up game invites after game is won
-
sync up turn counter and fence counter
Wednesday 4/5
- rework player move logic to support leap frog
Thursday 4/6
- work on 2d mode which disables certain move types
- create new pawn model
- make the player colors more distinct
Sunday 4/16
- host on internet
Sunday 4/23
- update grid to indicate end zone for each player
- update pawn model again
- better anti-aliasing
Sunday 5/7
- (stretch) add mobile controls on 2d game board
- color username on game page for understandability
- pulse the game border box when it's your turn
Saturday 5/13
- mobile styling
- tell user if username/email already used, to check email to confirm
- *alert user if signup procces goes wrong (email not confirmed, row not created)
- *warn user when they are searching for friend/user that doesn't exist
Saturday 5/14
- *have instructions popup
- remove fps counter
Saturday 5/27
- really need some sort of game timer or else noone will finish a lost game
Sunday 5/28
- fix formatting so time underflow isn't displayed
- send msg to server when client detects timer = 0
- tooltip for invalid move, game over
- implement quick game feature to pair with another online user
Monday 5/29
- surrender button
- game should end after 100 moves or so
Saturday 6/10
- display num people waiting in quick play
- don't start timer until p2 moves
Sunday 6/11
- set up phone# verification
- fix "it's the other player's turn" overflow on mobile
- sort out game table uniqueness (quickplaying twice will create a new game each time)
Saturday 6/17
- double tap to confirm move and giveup
- show how many are waiting in queue before queueing
- disable credential autofill on games tab (webkit)
- free up more game grid real estate (move timer and usernames inside grid)
- ensure move into endzone is written to db
Sunday 9/10
- add time format chooser
Monday 9/11
- reformat timer to display 100s of hours
- disable auto-rotate cursor (for now)
- lay pipes for "join game" link
Tuesday 9/12
-
fix incorrect gid on subsequent uses of join game link.It sorted itself out -
buttom to copy down the join game link
-
allow join game link to work even if the user isn't logged in yet (email)
-
do the same as above for github signins
-
do the same as above for SMS signins
-
spruce up login details for VIP user
-
normalize username
-
dont show username on scoreboard until verified (can ignore if top 10 are all above 400)
-
light mode...
-
highlight last move played with a purple cube
-
instructions modal exceeds mobile screen size
-
improve visibility on fence cursor
-
reorder account page to show most recent games on top
-
past games style problem
-
scoreboard doesn't show latest values
-
lava lamp the scoreboard
-
match replay styling to standard game
BUGS: just joined 3d game i was invited to, controls show up in 3d
FEEDBACK: 5/14
Friend invite, auto complete. possibly for game invite too Usernames are case sensitive Username shows up before authenticated prevent poor taste usernames Track elo loss per game in account page sound effect for clicking buttons
o
-- X is a player and they'll be suggested turn o to start, can fix? maybe o was valid previously in pawn mode
x
-
(stretch) allow spectating top 3's current game
-
add challenge button on leaderboard
-
display row/col/layer info on games page
-
is there a way to enforce uniqueness on two columns as a combination? (game invite table)
-
allow game invite to specify who is p1
-
sanitize inputs
-
validate row/col/layers game input
-
does move num need to exist on games table?
-
change game table to use gid instead of id
-
update DB policies for table more secure access
How to scale to many users how to prevent cheating how to create replay system
git clone https://github.com/sellenth/QuoridorOnline.git&& cd QuoridorOnlinenpx supabase startto start docker containers. (You'll need to have docker installed)npm run devto start the nextjs dev servernpm run db-resetto reset db (Note: this causes problems with realtime container, command also restarts realtime)- the database will be seeded with supabase/seed.sql
- local db studio available here
- create types based on local db
npm run generate-types - on every new vercel deployment, update github oauth QO-supabase and supabase.com > authentication > configuration > URL configuration
- to push edge function
npx supabase functions deploy handle-move