piotr/innercontext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
innercontext/frontend
History
Piotr Oleszczyk 6e7f715ef2 feat: AI-generated skincare routine suggestions (single + batch) 
Add Gemini-powered endpoints and frontend pages for proposing skincare
routines based on skin state, product compatibility, grooming schedule,
and recent history.

Backend (routines.py):
- POST /routines/suggest — single AM/PM routine for a date
- POST /routines/suggest-batch — AM+PM plan for up to 14 days
- Prompt context: skin snapshot, grooming schedule, 7-day history,
  filtered product list with effects/incompatibilities/context rules
- Respects retinoid frequency limits, acid/retinoid separation,
  grooming-aware safe_after_shaving rules

Frontend:
- /routines/suggest page with tab switcher (single / batch)
- Single tab: date + AM/PM + optional notes → generate → preview → save
- Batch tab: date range + notes → collapsible day cards (AM+PM) → save all
- Loading spinner during Gemini calls; product names resolved from map
- "Zaproponuj rutynę AI" button added to routines list page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-01 00:34:43 +01:00
..
src feat: AI-generated skincare routine suggestions (single + batch) 2026-03-01 00:34:43 +01:00
static feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00
.env.example feat: add API client, types, layout, and all page routes 2026-02-26 20:45:54 +01:00
.gitignore feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00
.npmrc feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00
components.json feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00
package.json feat: add deployment guide, nginx/systemd configs, switch to adapter-node 2026-02-28 20:09:00 +01:00
pnpm-lock.yaml feat: add deployment guide, nginx/systemd configs, switch to adapter-node 2026-02-28 20:09:00 +01:00
pnpm-workspace.yaml feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00
README.md feat: add deployment guide, nginx/systemd configs, switch to adapter-node 2026-02-28 20:09:00 +01:00
svelte.config.js feat: add deployment guide, nginx/systemd configs, switch to adapter-node 2026-02-28 20:09:00 +01:00
tsconfig.json feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00
vite.config.ts feat: add SvelteKit frontend scaffold with Tailwind CSS 2026-02-26 20:34:34 +01:00

README.md

innercontext — frontend

SvelteKit web UI for innercontext. Provides a browser interface for managing skincare products, routines, health data, and skin condition snapshots.

Stack

  • Framework: SvelteKit 2, Svelte 5 (Runes)
  • Language: TypeScript
  • Styles: Tailwind CSS v4
  • Components: shadcn-svelte (bits-ui)
  • Adapter: @sveltejs/adapter-node (required — uses +page.server.ts form actions)

Development

# Install dependencies
pnpm install

# Start dev server (API proxied to localhost:8000)
pnpm dev

The backend must be running at http://localhost:8000. See ../backend/ for setup instructions.

Environment variables

Variable Description Default
PUBLIC_API_BASE Base URL of the FastAPI backend http://localhost:8000

Set PUBLIC_API_BASE at build time for production:

PUBLIC_API_BASE=http://innercontext.lan/api pnpm build

Building for production

pnpm build
# Output: build/

Run the production server:

node build/index.js

Or use the provided systemd service: ../systemd/innercontext-node.service.

Routes

Route Description
/ Dashboard
/products Product list
/products/new Add product
/products/[id] Product detail / edit
/routines Routine list
/routines/new Create routine
/routines/[id] Routine detail
/health/medications Medications
/health/lab-results Lab results
/skin Skin condition snapshots

Key files

File Purpose
src/lib/api.ts API client (typed fetch wrappers)
src/lib/types.ts Shared TypeScript types
src/app.css Tailwind v4 theme + global styles
svelte.config.js SvelteKit config (adapter-node)