FlowEstate

FlowEstate is a decentralized web app that turns real-world properties into tradeable NFTs on the Flow blockchain. Property owners mint NFTs with rich, property-specific metadata (address, description, square footage, price, images). Newly minted assets are automatically listed, creating a liquid marketplace where buyers can browse and purchase property NFTs using a connected wallet.

The app is built for clarity and speed: users connect MetaMask, switch to Flow EVM Testnet, mint or buy, and track every transaction via explorer links. Off-chain storage (Supabase) persists listing details and enables fast, real-time marketplace updates, while on-chain contracts enforce ownership and sales without intermediaries. A modern, responsive UI (Tailwind + shadcn/ui) makes the experience smooth on desktop and mobile.

User flow:

1. Connect wallet (MetaMask auto-switches to Flow Testnet)
2. Mint a property NFT via a guided form
3. Automatic listing in the marketplace
4. Browse & buy available properties
5. Monitor transactions with Flow explorer links

Frontend: Next.js 14 (App Router) + TypeScript for SSR, routing, and a clean DX. Tailwind CSS and shadcn/ui for a polished, responsive interface. A Web3 provider + custom React hooks handle wallet state and contract calls.

Blockchain layer: Flow blockchain (EVM compatibility) for minting and trading. MetaMask for account management and signing. Ethers.js/Web3.js to interact with deployed contracts. Smart contracts: ERC-721 NFT for property tokenization, plus a custom Marketplace contract for listing and sales. Deployed on Flow EVM Testnet and verified on the explorer.

Backend & data: Supabase (PostgreSQL) stores off-chain metadata and marketplace listings. Next.js API Routes expose CRUD endpoints. Real-time subscriptions keep the UI in sync when properties are minted/sold.

Architecture highlights: Hybrid design: on-chain ownership + off-chain metadata for performance and cost efficiency. Event-driven UI: contract events + real-time DB updates refresh the marketplace view. Resilience: comprehensive error handling for network switching, tx failures, and DB ops. Transaction transparency: direct links to Flow explorer for every action.

Notable bits & partner benefits: Flow: low fees, fast finality (≈1–2s), EVM compatibility, and a handy Testnet faucet. Supabase: instant APIs, auth-ready, and real-time tables for live updates. UX touches: visibility API + manual refresh for always-fresh listings; gas-aware contract patterns for cheaper mints/trades.