A highly interactive consumer web application that allows users to generate, customize, and share personalized dating resumes.
Consumer Social Web App
Design Engineer & Product Builder
2 weeks Rapid MVP Build • 2026
React, Tailwind CSS, Gemini, Supabase, Netlify, Paystack
Core Metric Performance
Dating Resume Generator (DRG) is a consumer-facing web application designed to inject fun and structure into modern dating.
The project required a frictionless UI for rapid generation, coupled with a robust backend capable of handling dynamic state management, affiliate marketing, and promotional passes to drive viral growth.
Critical bottlenecks identified during stakeholder and user discovery.
Multi-field forms felt tedious, leading users to abandon creation midway.
Generating high-resolution PNGs on mobile browsers caused canvas memory crashes.
One-size-fits-all layouts failed to express individual user personalities.
Engineered solutions designed for density, accessibility, and high adoption.
Divided profile creation into 4 micro-steps with live instant previews that makes inputting personal details feel like a lightweight, engaging quiz rather than a chore.
Engineered client-side canvas rendering with crisp 3x pixel density for Retina displays.
Created 10 distinct aesthetic themes with color palettes each (Minimal, Retro, Vogue, Vintage, Espresso, Front Page, Teal, Hearts, Midnight Grunge, Scrapbook).
Core Metric Performance
Playful Progressive Disclosure Multi-Step Builder
Core Metric Performance
Dynamic Theme Engine & High-DPI Canvas Exporter
Prompted Google AI Studio to architect the initial React components and state logic, completely bypassing static wireframes to immediately begin working in code.
Tackled complex micro-interactions—like the high-DPI canvas exporter and step-by-step form states—directly in the browser, iterating on the UX as the build naturally unraveled.
Engineered a Paystack-integrated affiliate and promo-pass backend to automatically incentivize sharing and drive user acquisition.
Tested dynamic social card previews across iMessage, Twitter/X, and Instagram Stories to maximize the visual hook when links were shared.
Reached 2,000+ generated profiles and deployed seamlessly on a highly performant stack with zero downtime during traffic spikes.
The built-in affiliate and promo pass integrations created a self-sustaining growth loop, where every user share resulted in an average of 2+ new profile creations.
The gamified, step-by-step UI successfully eliminated form fatigue, achieving a 78% form completion benchmark.
Core Metric Performance
High-DPI Canvas Exporter & Multi-Theme Generation Engine
Core Metric Performance
Viral Growth Engine & Integrated Affiliate Pass Analytics
End-to-end interface execution: High-density interactive workflows, component states & responsiveness
HD • 60 FPSDRG went viral within 48 hours of launch. The multi-step builder and instant high-DPI canvas exporter created a frictionless experience that converted casual visitors into daily shares.