TikTok FreeCoin

The project

Web app that faithfully replicates the TikTok Coins recharge interface. The client needed it as a visual asset during their TikTok lives to illustrate how the coin system works.

What’s interesting

• Precise UI cloning using only inline SVGs and Tailwind, with no component library.
• Custom numeric keypad modal that accepts amounts between 80 and 2,500,000 coins with real-time price calculation using TikTok’s official rate ($0.0115 per coin).
• Countdown timer with useEffect on payment confirmation, to simulate processing.
• Responsive layout that adapts between mobile and desktop without breaking the original’s look.

Why it’s here

One of my first professional freelance projects. I keep it in the portfolio as a showcase of being able to faithfully replicate a complex existing UI and ship to an international client with clear expectations.