Fanie L.'s Work | ContraWork by Fanie L.
Fanie L.

Fanie L.

Web Engineer building responsive and modern website

New to Contra

Fanie is building their profile!

AI coding assistants are great at logic, but they are terrible at CSS because they can't see the DOM. Until now. I just built a workflow that completely eliminates the most hated frontend chore in existence: writing mobile responsive code. Using Antigravity and the Paper MCP, this agent acts as a headless viewport tester. It takes your desktop React code, shrinks the canvas to mobile width, visually detects overlapping text and broken flexboxes, and auto-writes the exact Tailwind breakpoints to fix it, then opens a GitHub PR. 🤯 Code the desktop layout. Tell the AI to make it responsive. Merge the PR.
3
2
91
"Home isn't a place, but a feeling." I created this AI short film to capture the warmth of Grandma's kitchen, where time slows down and memories are made. Created end-to-end using the CapCut Video Studio. What’s the one meal that instantly transports you back home?
2
140
I challenged myself to stop vibe-coding UI from scratch and actually research first. Used Mobbin to study how the world’s best apps handle hierarchy and feel. Then I rebuilt Trace (http://tracemobbinchallenge.web.app/) informed by those patterns. The result? Before: built from scratch, no references. Functional. Stiff. After: same app, real research behind every decision. Completely different energy. The lesson: Study the best, then build something better. Every time. Trace is a creative companion for those landing in a new city. It’s designed to turn the "to-do list" of moving into a series of meaningful quests, marked by tactile interactions and high-end visual storytelling. Try it! https://tracemobbinchallenge.web.app
4
3
219
Cover image for FairShare is a real-time bill-splitting app designed for gro...
FairShare is a real-time bill-splitting app designed for group hangouts, trips, and shared activities. Instead of splitting a single bill, FairShare handles multiple activities with different payers, then calculates each person’s total share and determines the minimum number of transactions needed to settle everything. No more: “You pay A, then A pays B” Long chains of transfers Confusion over who owes whom https://95szkag1sf.youware.app/
3
3
194