HN Showcase
Back to browse
A free personality test based on five elements

A free personality test based on five elements

by YarkYao·Mar 6, 2026·1 point·0 comments
Visit ProjectView on HN

AI Analysis

●MidEye CandySlick

MBTI alternative with half the questions and memorable nature metaphors, but personality test market is saturated.

Strengths
  • •Genuinely polished Next.js implementation: SSR, Core Web Vitals optimization (LCP <1s), no render-blocking fonts
  • •Smart positioning against MBTI: 10 types vs 16, 5 minutes vs 30, nature metaphors vs acronyms
  • •Zero friction: no signup, email gating, or ads—just take test and optionally upgrade for $7.99 deeper report
Weaknesses
  • •Personality test category is crowded (16Personalities, CliftonStrengths, Enneagram); no validation that five-elements framework is more predictive than existing models
  • •Core differentiator is UX polish and framework choice, not novel psychology—unclear if results are scientifically grounded
Category
Health
Target Audience

Self-discovery seekers, users tired of MBTI complexity, personality enthusiasts

Similar To

16Personalities · Enneagram tests · CliftonStrengths

Post Description

I built a personality test based on the five elements (Wood, Fire, Earth, Metal, Water) combined with yin-yang energy, giving 10 possible types.

The test is free, 20 questions, takes about 3 minutes. No sign-up, no email gate.

Tech stack: Next.js (App Router + React Server Components), Cloudflare Pages + Workers, Supabase for purchase records. Heavily optimized for Core Web Vitals — LCP under 1s, minimal JS on the server-rendered pages.

A few decisions I made along the way: - SSR for all content pages (SEO), client components only where interaction is needed - Migrated from Vercel to Cloudflare for cost and edge performance - Local fonts instead of Google Fonts to cut render-blocking requests - Code-split below-fold components to reduce TBT

The free result gives you your core type. There's an optional paid report ($7.99) for deeper insights — that's the only monetization. No ads, no data selling.

Would appreciate any feedback on the experience or the tech choices.

https://fiveelementstest.com

Similar Projects