Remix

Make your own version of Sable Wellness

Edit the prompt below and generate a customized version in seconds.

Original by G Yaswanthi

Describe your app

Build a full-stack web app called "Sable" (emotional wellness app).

---------------------------------------
🧠 PURPOSE
---------------------------------------
Sable is a calm emotional companion app where users chat with an AI friend and track their mood.

Focus on:
- minimal UI
- emotional wellness
- clean chat experience

---------------------------------------
🏠 HOME SCREEN
---------------------------------------
- App name: Sable
- Tagline: "a quiet place to just be"
- Buttons:
  - Continue anonymously
  - Login / Signup (optional)

Anonymous login:
- Generate user_id automatically
- Store in localStorage + database

---------------------------------------
💬 CHAT SYSTEM
---------------------------------------
Main feature is chat.

UI:
- Chat bubbles (user right, bot left)
- Glassmorphism design
- Smooth animations
- Typing indicator
- Auto-scroll

Backend requirement:
Create API:
POST /chat
Input: user_id, message
Output: response

IMPORTANT:
Do NOT generate AI responses here.
This endpoint will connect to external AI (Claude API).

---------------------------------------
🌤️ MOOD TRACKER
---------------------------------------
Inside chat screen:
- Emoji mood selector (😊 🙂 😐 😔 😰)
- Optional note
- Activity dropdown

API:
POST /mood
GET /history

Store:
- mood
- note
- timestamp
- user_id

---------------------------------------
🧬 DATABASE
---------------------------------------
Tables:
- users
- chat_history
- mood_logs

---------------------------------------
📊 MOOD VISUALIZATION
---------------------------------------
- Simple line graph
- Minimal UI
- Collapsible section

---------------------------------------
🎨 UI DESIGN
---------------------------------------
- dark gradient background
- glassmorphism cards
- soft spacing
- calm aesthetic
- rounded corners (20–30px)

---------------------------------------
⚙️ SYSTEM DESIGN
---------------------------------------
Keep backend modular so AI can be plugged in later.

Do NOT implement chatbot intelligence here.
Only prepare structure for external AI integration.

Free to use. No credit card required.