Lettuce Reflect

AI therapy with leafy personalities, where your feelings get gently tossed.

Inspiration

Mental health tools often feel cold, clinical, or overly serious. We asked ourselves: what if therapy was... crunchy?
Lettuce Reflect is a tongue-in-cheek web experience where six animated lettuce characters give emotional support, affirmations, and leafy wisdom — all through whimsical, interactive dialogue.

Sometimes, you don’t need a diagnosis. You just need a salad to tell you it’s okay to cry.

What it does

Lettuce Reflect is a web app offering a parody "lettuce therapy" session through:

• Chat with 6 animated lettuce personalities
  
• Real-time voice affirmations using the Web Speech API
  
• A “Salad Spinner” random advice generator
  
• Emotion-based responses (e.g., “I’m feeling stressed” → “Tell me what’s growing in your emotional garden.”)
  
• Saved conversation history using localStorage
  
• Fully responsive design with smooth animations
  

How we built it

• Frontend: React
  
• Styling: Tailwind CSS
  
• Routing: React Router
  
• Text-to-Speech: Web Speech API
  
• Data Storage: localStorage
  
• Animations: CSS transitions and conditional rendering
  
• Deployment: Netlify
  

Challenges we ran into

• Matching character personality to real-time speech tone
  
• Designing a UI that feels silly yet polished and usable
  
• Making absurd humour feel intentional and supportive
  
• Syncing speech with interaction flow in real time
  

Accomplishments that we're proud of

• Created six distinct lettuce personalities with unique voices and responses
  
• Seamless chat interface with animated characters and text-to-speech
  
• A fun, silly concept that still supports emotional reflection
  
• Fully functional and responsive web app with persistent data
  

What we learned

• How to integrate Web Speech API effectively for natural-sounding TTS
  
• Balancing humour with meaningful interaction in mental wellness apps
  
• Managing localStorage for conversation persistence
  
• Building smooth animations that enhance, not distract
  

What's next for Lettuce Reflect

• Add more quirky therapist personalities
  
• Improve AI responses with more nuanced emotional understanding
  
• Integrate user account system to sync progress across devices
  
• Launch social sharing features for daily affirmations and achievements
  
• Explore voice recognition for hands-free interaction
  

Built With

• bolt.new
• netifly
• react
• tailwind
• webspeechapi