My current stack

🏆 Vibe-coding project: MFAN 2026 – Gamifying Tournament Predictors with AI 

MFAN 2026 is a sleek, mobile-first prediction app built to turn every match into a battle of bragging rights for my group of friends. Fed up with messy chat threads and manual spreadsheet updates, I wanted to build a seamless platform where friends could log predictions, track performance, and face off head-to-head.

Built using a serverless stack of Google Apps Script, HTML5, and CSS, the app transforms a Google Sheet into a live, reactive backend. It features an interactive Leaderboard that computes real-time earnings and accuracy, a Battle Grid to cross-examine rival picks, and a data engine that automatically highlights personalized metrics—like using chronological tie-breakers to display each player's favorite team with a customized badge. To let others follow the league's drama, I implemented a split-access system: dedicated players get full voting interactivity, while casual observers get a secure, clean "View Only" guest experience.

The twist? I built this entire application end-to-end without writing raw code manually. Instead, I acted as the product architect, using Generative AI to write, debug, and optimize the codebase. By treating AI (ChatGPT, Claude, and mostly Gemini) as an elite development partner, I was able to rapidly prototype features, conquer complex logic bugs, and deploy a production-ready web app in a fraction of the traditional development time. It's a testament to how modern AI tools can help anyone turn a casual, fun idea into a fully functioning digital product.

The most fun part of this project was how iterative it was. By the end of the tournament, MFan had 94 releases, with each update adding a fun element to keep things fresh.

You may view the latest release in view-only mode here: MFan 2026