© Made by Adam Bellanger
← ProjectsPersonal

Bilingual Big Five (OCEAN) personality test with a futuristic interface and animated results, with zero dependencies.

Stack

Languages
  • HTML5
  • CSS3
  • JavaScript

Context

A complete 60-question personality test covering the five major dimensions (openness, conscientiousness, extraversion, agreeableness, neuroticism), usable straight in the browser.

Role

Front-end design and development.

Architecture

  1. 60 questions

    FR / EN interface

  2. app.js

    Quiz logic, scoring, i18n

  3. Results

    5 traits, animated bars

100% in the browser: no backend, no dependencies.

Challenges

Doing everything in vanilla JavaScript: quiz logic, scoring, on-the-fly French/English switching, and a responsive glassmorphism interface without any framework.

Outcome

A 100% in-browser, bilingual app with animated progress bars and tailored descriptions for each trait.

Highlights

  • 60 questions, 5 dimensions
  • Switch FR / EN at any time
  • Zero dependencies
Next projectPortfolio v1 (3D) →