A bilingual MBTI personality test with rich results, share cards, and offline-friendly browser delivery.
Live: https://octopusgarage.github.io/mbti-lab/
Personality tests often hide the useful report behind registration, ads, or a paywall. MBTI Lab keeps the whole flow in the browser: answer, see the result, export a share card, and leave without giving up personal data.
- 16 personality types - complete four-letter type output with descriptions and matches.
- Two test lengths - short mode with 60 questions, full mode with 93 questions.
- Rich report - strengths, careers, representative people, compatible types, and type appendix.
- Visual results - dimension bars and a radar chart powered by ECharts.
- Share card - export a designed result image with a QR code back to the app.
- Bilingual - Chinese and English can be switched at any time.
- Offline capable - works as a PWA after first load.
- Private by default - result history stays in local browser storage.
npm install
npm run devOpen http://localhost:5173/mbti-lab/.
Production checks:
npm run build
npm test| Step | What happens |
|---|---|
| Choose mode | Pick short or full assessment based on time available. |
| Answer questions | Progress is tracked locally while the user moves through the test. |
| Reveal type | The app computes the four MBTI dimensions and shows the type profile. |
| Explore report | Users can inspect strengths, careers, matches, and the 16-type appendix. |
| Share | Export an image card without signing in. |
Vue 3, Vite, Vue Router, Vue I18n, ECharts, html2canvas, QRCode, Vitest.
MBTI Lab can run as a standalone app:
- iOS: open in Safari, tap Share, choose "Add to Home Screen".
- Android: open in Chrome, choose "Install app" or "Add to Home screen".
- Desktop: open in Chrome or Edge, use the install action in the address bar.
- Bracket Guess - a browser-only bracket picker and poster exporter.
- OctopusGarage - small tools for AI agents, local automation, and browser-native products.
MIT