Technology Stack

Technology Stack

Frontend

• React + TailwindCSS + Framer Motion

• Routing with React Router

• Glassmorphism UI with animated RGB gradient styling

• Responsive:

  • Desktop: Sidebar menu

  • Mobile: Bottom sliding navigation bar

Backend

• Supabase (PostgreSQL + Auth + Storage + Realtime)

• Realtime database for user progress, achievements

• NFT & media stored in Supabase Storage (S3-compatible)

Web3 Integration

• Ethereum (mainnet, with L2 support coming)

• ethers.js, wagmi, RainbowKit for wallet integration

• $GVA token as ERC-20

• NFT keys/skins using ERC-721/1155

Database Schema (Supabase)

users

Column	Type	Description
id	UUID	Unique user ID
wallet_address	TEXT	Ethereum wallet address
email	TEXT	Optional user email
created_at	TIMESTAMP	Account creation time

games

Column	Type	Description
id	UUID	Unique game ID
title	TEXT	Game title
description	TEXT	Game description
image_url	TEXT	Game image/banner
price_gv	NUMERIC	Cost in $GV to unlock

user_games

Column	Type	Description
id	UUID	Unique record ID
wallet_address	TEXT	Linked user wallet
game_id	UUID	ID of unlocked game
status	TEXT	Status: unlocked, playing, etc.
updated_at	TIMESTAMP	Last play time

achievements

Column	Type	Description
id	UUID	Achievement ID
title	TEXT	Title of achievement
game_id	UUID	Linked game
gv_reward	NUMERIC	Token reward in $GV

user_achievements

Column	Type	Description
id	UUID	Unique entry
wallet_address	TEXT	User wallet
achievement_id	UUID	Linked achievement
unlocked_at	TIMESTAMP	Time of unlock