GoldenLegacyTracker is a clean, heartfelt web app I built as a Christmas gift for my grandpa. It lets him track his gold and silver holdings with real-time (or near-real-time) spot prices, profit/loss calculations in $ and %, days held, and beautiful growth charts. Built with: React + TypeScript + MUI v7 (dark theme) frontend, Node.js + Express + Prisma + SQLite backend, and MetalpriceAPI for price data. Features include add/edit/delete entries, live summary cards, three animated Recharts visualizations, and safe caching to respect API quotas. A personal project that combines full-stack development, thoughtful UX, and family love.

GoldenLegacyTracker

A personal precious metals portfolio tracker built as a Christmas gift for my grandpa.

Features

• Track gold (XAU) and silver (XAG) holdings
• Real-time (or near-real-time) spot prices via MetalpriceAPI
• Profit/loss in $ and % with green/red coloring
• Days held since purchase
• Three animated growth charts (gold, silver, total portfolio)
• Add/edit/delete entries
• Dark theme with clean MUI v7 UI

Tech Stack

• Frontend: React + TypeScript + MUI v7 + Recharts
• Backend: Node.js + Express + Prisma ORM + SQLite
• Price Data: MetalpriceAPI (with caching to respect free tier quota)

Setup (Local)

1. cd backend && npm install && npx prisma generate && npx prisma migrate dev
2. Add .env with METALPRICEAPI_KEY=...
3. npm run dev (backend)
4. cd ../frontend && npm install && npm start

Why?

A meaningful project that combines full-stack development with family love. Grandpa now has an easy way to watch his hard assets grow.

Merry Christmas, Grandpa! 🎄