SupaSketch

View Demo . Report Bug . Request Feature

Table Of Contents

• Table Of Contents
• About The Project
• Where is Supabase Used
• Built With
• Getting Started
  • Installation
  • Local
• User Guide
  • Visit SupaSketch
• Authors

About The Project

SupaSketch is a multiplayer drawing app powered by Supabase and Gemini AI. It brings creativity and fun together, allowing users to create rooms, invite friends, and participate in timed drawing challenges. With AI-generated prompts and an AI-powered scoring system, SupaSketch adds a competitive twist to collaborative art. Perfect for friendly competitions, it’s a playful way to express your artistic side!

Where Is Supabase Used

SupaBase is used in SupaSketch for:

• Realtime Database for storing game details
• Presence Tracking for room feature
• Cron Jobs for deleting completed games and images
• Storage bucket for uploading sketches

Built With

SupaSketch is built using NextJs

• NextJS
• TailwindCss
• Supabase
• Gemini Ai

Getting Started

Installation

Local

Rename .env.example to .env.local and fill the required fields

git clone https://github.com/swymbnsl/supasketch.git

cd supasketch

npm install

npm run dev

Server will start at http://localhost:3000/

User Guide

Landing page

This is where the user lands through https://supasketch.vercel.app. Click on any button to start joining a room

Join or Create room

Once you reach on /join, choose whether you want to create a room or join an existing one.

Now the room creator can share the room code with the other player

Once the other player is ready, player1 will be allowed to start the game

Sketch and Compete

Do your best to draw a fun drawing within the 2 minutes of time and emerge victorious!

Results

After both the sketches are submitted, let AI decide who emerged victorious

Authors

• Swayam Bansal - Swayam Bansal - SupaSketch