Build Bingo Online with NextJS 13 and Supabase

Hi everybody, I try to make a Bingo game with:

NextJS 13, Chakra UI for font-end.
Supabase for back-end(authenticate, database).

Demo
Source code

Features

Authenticate with Supabase OAuth.
Realtime data.
Create a round to play.
Create a team to …


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by bonnguyenitc

Hi everybody, I try to make a Bingo game with:

  • NextJS 13, Chakra UI for font-end.
  • Supabase for back-end(authenticate, database).

Demo
Source code

Features

  • Authenticate with Supabase OAuth.
  • Realtime data.
  • Create a round to play.
  • Create a team to play together.
  • Join the game by code invitation or entry code of game.
  • Role: Host, Player

Hope we have a fun game.

Demo

Step 1: The host create a game

step-1

Step 2: The host copy code send to player

step-2

Step 3: Player enter code to join game

step-3

step-3-1

Step 4: The host click Bingo button to generate number

step-4


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by bonnguyenitc


Print Share Comment Cite Upload Translate Updates
APA

bonnguyenitc | Sciencx (2023-01-06T02:47:27+00:00) Build Bingo Online with NextJS 13 and Supabase. Retrieved from https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/

MLA
" » Build Bingo Online with NextJS 13 and Supabase." bonnguyenitc | Sciencx - Friday January 6, 2023, https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/
HARVARD
bonnguyenitc | Sciencx Friday January 6, 2023 » Build Bingo Online with NextJS 13 and Supabase., viewed ,<https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/>
VANCOUVER
bonnguyenitc | Sciencx - » Build Bingo Online with NextJS 13 and Supabase. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/
CHICAGO
" » Build Bingo Online with NextJS 13 and Supabase." bonnguyenitc | Sciencx - Accessed . https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/
IEEE
" » Build Bingo Online with NextJS 13 and Supabase." bonnguyenitc | Sciencx [Online]. Available: https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/. [Accessed: ]
rf:citation
» Build Bingo Online with NextJS 13 and Supabase | bonnguyenitc | Sciencx | https://www.scien.cx/2023/01/06/build-bingo-online-with-nextjs-13-and-supabase/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts