Vizio

🚀 Inspiration

VIZIO was inspired by a simple but persistent problem: unused digital gift cards often go to waste. In many parts of the world, including Sierra Leone, people receive vouchers for platforms or services they can’t always use — and have no easy way to exchange them.

I imagined a frictionless platform where anyone can buy, sell, or swap digital vouchers, pay with card or crypto, and get access to value immediately. Think of it like an Airtime-to-Netflix swap — but with a smooth, modern experience. That’s where VIZIO comes in.

🛠 How I Built It

VIZIO was built using a modern stack:

• Next.js 15 (App Router) + TypeScript for the frontend
• Tailwind CSS with custom variables and a detailed design system
• Stripe for card payments
• Solana Wallet Adapter for crypto payments
• Zendit for real-time gift card inventory

The app follows a clean architecture, with a focus on clarity, security, and style. I prioritized the purchase experience — users should be able to go from browsing to code delivery in seconds.

✨ What I Learned

• How to securely integrate fiat and crypto payments in one flow
• How to build a reactive, animated UI using custom tokens and retro design themes
• Working with Solana transactions and wallet-based signing
• Fetching and caching external product APIs for real-time voucher display
• Delivering one-time-use codes with Supabase triggers and access logic
• Structuring a real-world PRD and engineering task plan from scratch

🧩 Challenges I Faced

• Code delivery timing: Making sure voucher codes are revealed only after verified payments (especially with Solana where confirmation isn't instant)
• Inventory sync: Managing state between external API responses and what’s displayed to the user
• Design implementation: Translating a unique visual style into a responsive, maintainable frontend
• Swap feature: Escrow-based swaps between users was technically tricky and required thoughtful UX and validation logic (marked optional for the POC)

✅ What’s Working Now

• Users can browse real-time voucher inventory from an external provider
• Auth via email and password (Supabase)
• Payments via Stripe or Solana
• Instant voucher code reveal after purchase
• Fully responsive UI with clean, playful animations
• Project is deployed live and documented in full with a style guide and PRD

💡 Next Steps

• Add escrow-based voucher swaps between users
• Build admin tools for reporting and dispute resolution
• Enable voucher resale for expired or spare codes
• Support multi-language interface (for global markets)

VIZIO is more than a storefront — it’s a new way to think about digital value. I built this to prove that digital goods can move as freely and beautifully as money. Now I’m excited to take it even further.

Built With

• next-js
• solana
• tailwind