Hesam Alavi
Menu
HomeProjectsServicesAboutContact
Work with me
Back to Projects

Values Assessment & Self-Discovery Platform

Role: Creator & Full-Stack Developer• Industry: Psychology / Self-Development

Interactive web app that helps users rank values and generates AI-powered insights, recommendations, and compatibility analysis.

Web AppAI/LLM IntegrationData VisualisationGamified UX
Next.js 13React 18TypeScriptSupabase (PostgreSQL)OpenAI GPT-3.5styled-componentsFramer MotionReact Beautiful DnD

Business Problem

People often don't have a clear, structured sense of their core values, and traditional questionnaires feel dry and unengaging.

Solution

Created a gamified drag-and-drop experience where users sort 40 values into Core, Important, and Flexible, then rank within each group. AI then generates insights, job suggestions, travel ideas, relationship recommendations, and more based on their value profile.

Key Highlights

  • Interactive drag-and-drop ranking using React Beautiful DnD.
  • Supabase-backed persistence and re-take support.
  • 10 AI insight categories ranging from career to relationships.
  • Social comparison and compatibility feature with AI explanations.
  • Responsive design and smooth Framer Motion animations.

AI & Automation

GPT-3.5 is used to convert ranked values into detailed, multi-angle life recommendations and compatibility analysis.

Outcome & Impact

Turns abstract self-discovery into something concrete, playful, and deeply personalised. Also serves as a strong example of combining psychology-informed UX with AI.

Gallery