PriceGuard — Commodity Price Tracker

Full-Stack PWA (Express + Next.js)

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