A bilingual MBTI personality test with rich results, share cards, and offline-friendly browser delivery.
Your most recent assessment result is saved in the browser, so you can revisit the full report in the same browser at any time after completing the test.
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 testMaintainers can add ralphworks:run to an open issue to start a checked implementation run. A successful run opens a draft PR and requests a model review. Other labels handle PRD sub-issues, dependency queues, PR feedback, and branch updates. This repository checks implementation changes with npm test -- --run && npm run build; maintainers review and merge the resulting PRs.
See the RalphWorks issue and PR workflow guide for setup, labels, and retry steps.
| 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. |
To start an assessment, choose a test length on the home page — short with 60 questions or full with 93 — and the question loop begins at /test.
After the final question, the app opens the result report at /result with the four-letter type, per-dimension percentages, and a radar chart, and the last result is kept in local browser storage so the home page can link back to it for later viewing.
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