Skip to content
All work

Web App

bIODATA

An AI-assisted resume and biodata builder: free to create and preview, pay once to download.

Status
Live
Year
2026
Platform
Web
bIODATA coverLive

Overview

A resume and biodata builder for job seekers in the Philippines. Start from scratch or import a PDF or Word resume, pick one of eight resume designs or three classic Philippine biodata layouts, and get an AI review that suggests better wording you approve one change at a time. Creating, editing and previewing are free; a one-time payment downloads that resume as both PDF and Word.

Problem
Job seekers rewrite the same resume again and again, and most builders either lock the download behind a subscription or let AI pad it with claims the person never made.
Solution
A Vite and React editor with its own document engine that measures every block and packs it into real pages, so the preview and the exported PDF match. A Hono server holds the secrets: it runs the AI review with schema-checked output and a fact guard that drops any suggestion adding numbers that weren’t there, verifies each PayMongo payment with PayMongo before unlocking a download, and renders the PDF in headless Chrome. Supabase with Row Level Security keeps each resume private, and guest drafts move into the account on sign-in.
My Role
Concept, product design, and development.

Features

  • Eleven templates

    Eight resume designs, from Liquid Glass to Swiss, and three Philippine biodata layouts. Switch any time; your content never changes.

  • Import a resume

    Upload a PDF or Word file. It’s read in your browser, never uploaded, then you check and correct what was found.

  • AI review

    Grammar, clarity, weak wording and ATS checks, or a match against a job post. You approve each suggestion; it never invents employers, titles, dates or numbers.

  • Real pages

    A layout engine fits the resume onto A4 or US Letter pages, so the preview, thumbnails and PDF all look the same.

  • Pay once to download

    One payment through PayMongo unlocks PDF and Word for that resume, re-downloadable after edits. Payment is confirmed with PayMongo on the server.

  • Private by design

    The AI sees your resume without your name, email, phone or photo, and downloads are made on request and never stored.

Gallery

The editor with the Liquid Glass design: details on the left, the live resume on the right
A Philippine biodata: personal information, education and family background
The template gallery: eight resume designs and three biodata layouts
Every design on the home page, from frosted glass to classic biodata
AI review: a suggested rewrite shown beside the original bullet
My resumes: drafts, quick actions, and a resume strength checklist
“The door is open. Walk through it.”

On mobile

The home page on a phone
Editing a resume on a phone
The Swiss design previewed on a phone
A biodata previewed on a phone
Templates on a phone

Built With

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • Zustand
  • Hono
  • Supabase
  • PostgreSQL
  • Claude API
  • PayMongo
  • docx
  • Zod
  • Vercel
  • Vitest

Need something like this?

Start a Project

Have an idea?

Tell me what you’re thinking. Let’s turn it into something real.