my-hub

A personal hub of small single-purpose apps, built with React 19 + TypeScript + Vite. Configured as a PWA for relative-path deployment.

Commands

pnpm dev        # Start dev server
pnpm build      # TypeScript check + Vite build
pnpm preview    # Preview production build

No test framework is configured.

Architecture

Routing — src/index.tsx uses HashRouter with one route per app. Each app lives at /<slug>.

Adding an app:

1. Create src/apps/YourApp.tsx (default export a React component)
2. Register the route in src/index.tsx
3. Add an entry to the apps array in src/pages/Home.tsx (slug, icon, name, desc, color, border, bg, status)

Styling — inline styles throughout; dark theme using #07070f background. No CSS framework or component library. The shared home-grid class is in src/index.css.

Apps

• /fitness — Gym + running plan ("Rebuild Protocol") for a Tokyo 5K. Tracks session completion in localStorage under the key fitness-done.
• /flow — Stub app; types defined in src/types/flow.ts (BaseNode with shape union: RECTANGLE, CIRCLE, PARALLELOGRAM).
• /bjp — Dashboard analyzing BJP governance across tabs (overview, economy, welfare, blunders, communal tensions, corporates, jobs, responsibility).
• /krabi — Trip planning app.
• /reset — 15-day personal development plan with daily planner and progress tracking.
• /jpn-pr — Japan permanent residency checklist, with English translations for tasks and documents.