Menu

1 / 2

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

DEV Community·Harish Kotra (he/him)·6 months 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 .…

Continue reading — create a free account

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