Cashboard — Finance Dashboard

Live URL: cashboard.techstruction.co

A professional, modern finance command center built with vanilla HTML/CSS/JS.

Features

Section	Contents
Overview	Portfolio stats, performance chart, allocation donut, quick launch
Portfolio	Holdings CRUD table, filters, add/edit assets, CSV export
Trading	TradingView chart with public/private account toggle (PIN-protected)
Research	Agent Market Research UI, Agents directory, Financial News Hub
Tools	TradingView suite (8 widgets), Excalidraw whiteboard, Spreadsheet, Calculators
Settings	Dark/light mode, accent colors, AI config (OpenRouter), PIN management
Admin	PIN-gated admin panel with private account data

Tech Stack

• Frontend: Vanilla HTML / CSS / JS (no framework, no build step)
• Charts: Chart.js v4
• Market Data: TradingView embedded widgets
• Whiteboard: Excalidraw (iframe embed)
• Hosting: Hostinger PHP site
• DNS: Cloudflare (techstruction.co zone → cashboard subdomain)

Local Development

# Python simple server
python3 -m http.server 8080
# Open http://localhost:8080

Deployment

# Push to GitHub
git add -A && git commit -m "feat: description"
git push origin main

# Deploy on Hostinger VPS (SSH)
ssh user@<hostinger-ip>
cd /home/<user>/public_html/cashboard
git pull origin main

DNS Setup (Cloudflare)

1. Log in to Cloudflare → techstruction.co zone
2. Add A record: cashboard → <Hostinger IP>
3. Set proxy status to Proxied (orange cloud) for DDoS protection

Project Structure

cashboard/
├── index.html              # App shell
├── assets/
│   ├── css/main.css        # Design system (tokens, dark mode, components)
│   └── js/
│       ├── app.js          # Router, sidebar, theme
│       └── pages/          # One file per page section
├── .htaccess               # URL rewriting for PHP host
└── README.md

Build Log

See build_log.md for detailed progress, decisions, and lessons learned.