PriceTracker is a web application built with Next.js, React, and Tailwind CSS to help users monitor product prices across various e-commerce platforms. The app allows users to track their desired products, set price alerts, and make informed purchasing decisions.
- Price Monitoring: Track prices for specific products across e-commerce websites.
- Real-Time Alerts: Get notified when a product's price changes or hits a target threshold.
- Responsive Interface: Clean, responsive UI built with Tailwind CSS to ensure compatibility across all screen sizes.
- Easy to Use: Add products and set alerts in just a few clicks.
- Frontend: Next.js, React, Tailwind CSS
- State Management: React Hooks (
useState,useEffect) - Deployment: Vercel
- Node.js (>= 16.x)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/pricetracker.git cd pricetracker -
Install dependencies:
npm install # or if you're using yarn yarn install -
Run the development server:
npm run dev # or if you're using yarn yarn dev -
Visit the app:
- Open your browser and go to http://localhost:3000.
- Add a Product: Enter the product URL to start tracking its price.
- Set Alerts: Set a target price and receive notifications when the price drops.
- Track Price Changes: View historical price data for each product you’re tracking.
- Responsive Design: The interface is mobile-friendly, designed using Tailwind CSS for optimal viewing on all devices.
pricetracker/
├── pages/ # Next.js pages
│ ├── index.js # Homepage of the app
├── components/ # Reusable UI components (buttons, cards, etc.)
├── styles/ # Tailwind CSS configurations and global styles
├── public/ # Public assets (images, fonts)
├── package.json # Project dependencies and scripts
└── README.md # Project documentation