Hesam Alavi.
Menu
HomeProjectsServicesAboutContact
Work with me
Back to projects

Values Assessment & Self-Discovery Platform

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

Role
Creator & Full-Stack Developer
Industry
Psychology / Self-Development
Web AppAI/LLM IntegrationData VisualisationGamified UX
Next.js 13React 18TypeScriptSupabase (PostgreSQL)OpenAI GPT-3.5styled-componentsFramer MotionReact Beautiful DnD

The challenge

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

The 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

Like what you see?

I'd love to hear about what you're building. Let's figure out how I can help.

Get in touch