I’m still not a developer.But I now render a 1920x1080 pixel canvas from the database — and it works.

The pixel grid is now full-scale — up to Full HD (1920x1080).And it renders pixel-by-pixel from Supabase, row by row, live into the React UI.

• 📡 Data loads from Supabase with dynamic batching

• 🧱 Empty grid shows instantly, followed by streamed rows

• 📦 Pixel ownership and color are rendered in near real time

• 🟩 Only free pixels can be clicked and selected

• 🧮 A progress bar tracks canvas fill percentage

It’s a big step — from toy prototype to a scalable base for real collaborative NFTs.

LayerTechFrontendReact + ethers.jsState syncSupabase (PostgreSQL)WalletMetaMask + Sepolia ETHBackendJavaScript workersBlockchainSolidity smart contract

Supabase is powering the current backend — but it’s hitting free tier limitations.Fetching large datasets row-by-row isn’t very performant.

Right now, the canvas loads visibly slower than I'd like — especially for wide areas.That’s because:

• Supabase (free plan) throttles queries and has cold-start delays

• Network speed and row-based batching add latency

🧠 Plan: migrate backend from Supabase to a self-hosted SQL server with optimized indexes, async batching, and maybe even off-chain caching (e.g. Redis).

I expect performance to improve drastically after that.

• Refactor loading logic to scale to 1920x1080+

• Replace Supabase with a high-performance SQL layer

• Add smooth scroll/zoom on the canvas

• Start mapping token ownership to ERC-20

This project is still being built from scratch —without prior dev background, but with help from tools, docs, and ChatGPT.

**The vision is clear:**A pixel art canvas that everyone can build — and own — together.