Sᴏʙᴇᴙ Tᴙᴀᴄᴋᴇᴙ

Enter the day your recovery began to see your total sober time

---

🏗️ Architecture

Docker Compose Flow:

flowchart LR
ui@{shape: rounded, label: "UI"}
uiPort@{shape: rounded, label: "http://localhost:89"}
ui-->uiPort

Loading

---

React Component Hierarchy:

flowchart TD
index(index.html)-->main(src/main.tsx)
main-->dashboard(src/components/dashboard/index.tsx)
dashboard-->coin(src/components/coin/index.tsx)
port@{shape: comment, label: "  Nginx exposes port 80"}

Loading

---

🔗 Deep Linking

You can pre-load a specific date using a query parameter:

?soberDate=YYYY-MM-DD

---

🛠️ Environment Management

Node.js (n manager):

📋 Task	🔧 Command
Manage Versions	n
Install Specific	n [version]

NPM (pnpm manager):

📋 Task	🔧 Command
Enable	corepack enable pnpm
Use	corepack use pnpm@latest
Use Specific	corepack use pnpm@[version]
Update	corepack up

📦 Dependency Management

Installation & Removal:

📋 Task	🔧 Command (Full)	🔧 Command (Short)
Install All	pnpm install	pnpm i
Install Prod Only	pnpm install --prod	pnpm i -P
Add dependency	pnpm add --save-prod [package][@version]	pnpm add [package][@version]
Add devDependency	pnpm add --save-dev [package][@version]	pnpm add -D [package][@version]
Add optionalDependency	pnpm add --save-optional [package][@version]	pnpm add -O [package][@version]
Add peerDependency	pnpm add --save-peer [package][@version]	—
Add Global	pnpm add --global [package][@version]	pnpm add -g [package][@version]
Remove Dependency	pnpm remove [package]	pnpm rm [package]

Maintenance & Quality:

📋 Task	🔧 Command (Full)	🔧 Command (Short)
Check Updates	pnpm outdated	—
Update All	pnpm update	pnpm up
Update Specific	pnpm update [package]	pnpm up [package]
Security Audit	pnpm audit	—
Run Script	pnpm run [script]	pnpm [script]
List	pnpm list	pnpm ls
List Extra	pnpm list --long	pnpm ll
Hierarchy	pnpm why [package]	—

🧪 Development

Scripts:

📜 Script	🔧 Command (Full)	🔧 Command (Short)
Lint All	pnpm run lint	pnpm lint
Lint Biome	pnpm run lint:biome	pnpm lint:biome
Lint CSS	pnpm run lint:css	pnpm lint:css
Lint HTML	pnpm run lint:html	pnpm lint:html
Lint Markdown	pnpm run lint:md	pnpm lint:md
Run Tests (Hot Reload)	pnpm run test:dev	pnpm test:dev
Run Tests (CI)	pnpm run test	pnpm test
Build Dev	pnpm run build:dev	pnpm build:dev
Build Prod	pnpm run build	pnpm build

Docker Deployment:

📋 Task	🔧 Command
Full	./build.sh
Docker Only	./docker.sh

---

🛰️ Git & CI/CD

• Pre-Commit: Staged files are automatically linted and tested
• Github Actions: Automatically builds and pushes multi-arch images to repository
  • amd64
  • arm64