CostCatcher

CostCatcher is a web application that helps users track product prices, receive smart notifications, and save money by finding the best deals across multiple online shopping platforms.

🚀 Features

• Real-Time Tracking: Monitor price changes across multiple retailers.
• Smart Notifications: Get instant alerts when prices drop.
• Price History: Track past prices to spot the best deals.
• One-Click Comparison: Easily compare prices across stores.
• Custom Watchlists: Save and manage items in personalized lists.
• Flash Sale Alerts: Be the first to know about limited-time deals.
• User Authentication: Secure login and session management.
• Responsive Design: Works beautifully on desktop and mobile.
• Dark Mode: Enjoy a visually appealing experience in any lighting.

🖥️ Tech Stack

• Frontend: React, Tailwind CSS, Framer Motion, Lucide Icons
• State Management: React Context API
• Authentication: JWT-based, managed via Context
• Deployment: Deployed using Vercel

📝 Project Structure

src/
  components/         # Reusable UI components
  context/            # React Context for Auth management
  pages/              # Page components
  services/           # API and Authentication services
  App.js              # Main application component
  index.js            # Entry point

🔒 Authentication

• User authentication is managed globally using React Context.
• JWT tokens are stored in localStorage and accessed via context for API requests.
• Protected routes redirect unauthenticated users to the sign-in page.

🎨 Theming

• Tailwind CSS utility classes ensure a consistent and modern UI.
• Light and Dark modes are supported throughout the web application.

🙏 Acknowledgements