Menu

Post image 1
Post image 2
1 / 2
0

Building PsycheGarden: A Production-Ready Wellness PWA with Context-Aware AI

DEV Community·Harish Kotra (he/him)·about 1 month ago
#kkgNsdDm
Reading 0:00
15s threshold

Why PsycheGarden? Most wellness tooling is either too clinical or too generic. PsycheGarden started with a simple product idea: "What if mental load felt visible and intuitive, like tending a garden?" So we built a deployable, context-aware web app that translates cognitive load into atmosphere: Blooming -> Stable -> Drained -> Burnout Real weather context Optional public world pressure context Optional research nudges Optional LLM guidance Full fallback behavior for reliable demos and uptime Stack and Engineering Constraints Frontend React + TypeScript + Vite CSS/SVG scene composition (no heavy 3D) PWA shell and offline support Backend Node + Express API orchestration layer for context and insights Strong fallback-first design Deployment Docker multi-stage image Google Cloud Build + Cloud Run Core Architecture Energy Model Design The vitality score is intentionally transparent and tuneable. const base = 52 ; const sleepBoost = ( signals . sleepHours - 6 ) * 6 ; const stepsBoost = ( signals .…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More