W-01AI, full-stackPersonal project, 2026
Eyecatch AI
An AI thumbnail generator for YouTube, TikTok, Instagram, Facebook, X, Twitch and Vimeo. Describe the video, pick a format, style and colors, add a reference image if you have one, and Google Gemini makes the thumbnail.
- Role
- Sole developer, frontend and backend, development to deployment
- Stack
- React
- TypeScript
- TanStack Query
- Zustand
- Tailwind CSS
- Node.js
- Express
- MongoDB
- Google Gemini
- Cloudinary
- Paddle
Notes
- 1Generator with 14 formats across 7 platforms, 16 categories, 5 styles and 8 color schemes, plus an Improve button that rewrites a rough idea into a prompt.
- 2Credits can’t be overspent: one atomic MongoDB update charges them before Gemini is called, and a failed generation is refunded, by a scheduled job if the server crashes mid-way.
- 3Auth in httpOnly cookies with rotating refresh tokens: reusing an old one signs that login out everywhere, and a password change ends every session.
Notes 4–6
- 4Pro and Ultra plans and credit packs on Paddle (in test mode), with signed webhooks that never apply a retried or out-of-order event twice.
- 5Gallery, a community feed with likes and a Trending sort, a YouTube feed preview, share links with image previews and a 30-day recycle bin.
- 6Express 5 API in TypeScript with Zod validation, rate limits and uploads checked by their real bytes; the app on Vercel, the API on Oracle Cloud behind Nginx.



























