DEV Community

Joan Jiao
Joan Jiao

Posted on

How I Built a Privacy-First Personality Quiz with Next.js and Zero Backend


Most online personality quizzes send answers to a server. I wanted to see
whether the entire experience could run locally in the browser.

What I built

Soul Color Test offers a 7-question quick mode and a 16-question deep mode.
Answers are mapped to four reflective dimensions: depth, clarity, connection,
and momentum.

Technical decisions

  • Next.js and TypeScript
  • Static export deployed on Cloudflare Pages
  • Scoring runs entirely in the browser
  • Progress is stored locally
  • No account or report-generation API
  • Static result pages for sharing and search discovery

Try it

Try Soul Color Test

The result is designed for entertainment and self-reflection, not diagnosis.

What I learned

The difficult part was not calculating a color. It was making the result
specific enough to feel useful without presenting it as scientific certainty.

I would especially welcome feedback on the quiz flow, result clarity, and
mobile experience.

Top comments (0)