# 🖼️Full HD pixel canvas is alive

By [Dmitrii](https://paragraph.com/@dmitrii-3) · 2025-08-16

---

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

### ✅ What’s new

![](https://storage.googleapis.com/papyrus_images/d26de3054d933edb7127bfe56ec5de7b1c4d6d82af6556602371571255335da5.jpg)

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.

* * *

### ⚙️ The current stack

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.

* * *

### ⚠️ Performance thoughts

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.

* * *

### 🧠 What’s next

*   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
    

* * *

### 📌 Still learning, still building

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.

---

*Originally published on [Dmitrii](https://paragraph.com/@dmitrii-3/full-hd-pixel-canvas-is-alive)*