price tracking web scraping PWA data visualization Next.js Express
PriceGuard — Commodity Price Tracker
Full-Stack PWA (Express + Next.js)
Screenshots coming soon
About
Price monitoring PWA for commodity prices across Pakistani cities. Full-stack monorepo with multi-source web scraping, real-time price analysis, historical trend visualization, and push notification alerts.
My Role
Built the full monorepo: Express.js backend with Cheerio/Puppeteer scraping, Next.js 14 PWA frontend with Recharts visualizations, and web-push notifications for price alerts.
Core Capabilities
- Multi-source price data scraping (web pages, PDFs, government agencies)
- Real-time commodity price tracking by city and source
- Historical price trend visualization with Recharts
- Push notification system for price alerts
- Progressive Web App with offline support
- Filtering by city, commodity, date range, and source
Architecture
- TypeScript Express.js backend with MySQL2
- Cheerio for HTML parsing, Puppeteer for browser automation
- PDF-Parse for document extraction
- Next.js 14 PWA frontend with SWR data fetching
- Yarn workspaces monorepo architecture
Tech Stack
TypeScript Express Next.js MySQL Cheerio Puppeteer Recharts Web Push PWA