All projects
Teen Wellbeing PWA · 2026

HeyWisely

A regulation-first PWA for teen study, stress, and emotional wellbeing.

Our role
Design & Development
Duration
Industry
Teen wellbeing
HeyWisely teen wellbeing PWA showing the Wisely companion and hub interface

The challenge

Teens managing study, stress, and emotional wellbeing needed a product that avoids urgency-driven patterns research links to anxiety — no pressure, streaks, or shame.

The approach

Built a regulation-first PWA around the gentle AI persona Wisely, with Hub & Plan task management, Learn flashcards and quizzes, Thrive wellbeing tools, and a World companion that evolves with engagement. Offline support and push notifications come via a Vite PWA service worker.

Inside the platform

  • · Hub & Plan
  • · Learn (flashcards & quizzes)
  • · Thrive (meditation & journaling)
  • · World Buddy companion
  • · Offline PWA support

Outcomes

  • · Tap-based planning with AI task breakdown instead of drag-and-drop urgency
  • · Adaptive SM-2 flashcards, AI quizzes, and peer-shared card sets
  • · Guided meditations, CBT Thought Shift, journaling, and low-pressure games
  • · Animated World Buddy and growing forest that evolve with engagement
Built with

React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · Framer Motion · Supabase · Web Audio API · Web Speech API · Vite PWA

Integrations

Supabase Auth · Postgres · Edge Functions · Service workers · Push notifications

Next project
Nugget