Braintype

Brain type personality test — 12-question quiz that analyzes your cognitive style and visualizes the result as a radar chart.

Live License: MIT Next.js i18n

🌐 Live Demo: https://moony01.com/braintype

Braintype is a 4-stage interactive web app that classifies users into brain types based on a 12-question cognitive style quiz. Built with Next.js 15 App Router and next-intl for multilingual support, the app delivers a fast, mobile-first experience with integrated ad monetization.

• 🧠 12-Question Quiz — Cognitive style assessment based on decision-making and processing patterns
• 📊 Radar Chart Result — Visual breakdown of your brain type traits
• 🌏 Multilingual UI — Powered by next-intl, ready for multiple locales
• 📱 Mobile-First — Responsive layout with Tailwind CSS
• 💰 Ad Monetization — Interstitial ads at Q4/Q8/Q12, banner ads on result screen
• ⚡ Fast & Lightweight — Static-friendly Next.js 15, React 19

Landing screen
 ↓
Quiz screen (12 questions, ProgressBar)
 ↓
Interstitial ad (Q4, Q8, Q12)
 ↓
Result screen (brain type + radar chart + share + ads)

• Node.js 18+
• npm or pnpm

git clone https://github.com/moony01/braintype.git
cd braintype
npm install
npm run dev

Open http://localhost:3003

braintype/
├── src/
│ ├── app/
│ │ ├── [locale]/ # Localized routes (Next.js App Router)
│ │ ├── layout.tsx # Root layout
│ │ ├── page.tsx # Locale redirect
│ │ ├── robots.ts # SEO
│ │ └── sitemap.ts # SEO
│ ├── components/
│ │ ├── layout/ # PageLayout, AdBanner, LanguageSwitcher
│ │ ├── quiz/ # QuestionCard, ProgressBar
│ │ ├── result/ # ResultCard (radar chart)
│ │ └── ui/ # Button, HomeButton
│ ├── data/ # Quiz questions, brain type definitions
│ ├── hooks/ # useQuiz (state machine)
│ ├── i18n/ # next-intl config
│ ├── lib/ # Utilities
│ └── types/ # Shared TypeScript types
├── messages/ # Translation JSON files
└── public/ # Static assets

• sitemap.ts and robots.ts for search engine indexing
• Per-locale routing (/ko/, /en/, etc.) with next-intl middleware
• Meta tags optimized for share previews

MIT License © 2024–2026 moony01

You are free to use, modify, and distribute this code. Attribution appreciated.

• 👤 Author: @moony01
• 📧 Email: mun01180@gmail.com
• 🌐 Website: moony01.com
• 💖 Sponsor: github.com/sponsors/moony01