Price Tracker is a simple web application that allows users to track the prices of items listed on Ebuyer. With Price Tracker, users can post links to Ebuyer products, and the application will scrape the current price of the item and track its price daily. The application also provides a detailed page for each item, displaying a price graph for easy visualization of price fluctuations. The live version is using different backend written in Golang. You can find in my github here.
- React
- Node.js
- Express.js
- MongoDB
- Tailwind CSS
- Puppeteer
- Recharts
- Node-cron
- User-friendly interface for adding and tracking Ebuyer product prices.
- Daily price scraping to keep track of price fluctuations.
- Detailed item pages with price graphs for visualizing price history.
- Integration with MongoDB for data storage and retrieval.
- Built with React for the front-end and Node.js/Express.js for the back-end.
- UI styling using Tailwind CSS for a clean and responsive design.
- Price scraping using Puppeteer to fetch data from Ebuyer's website.
- Data visualization using Recharts to display price graphs.
-
Clone the repository: git clone https://github.com/your-username/price-tracker.git
-
Install dependencies for the server: cd server npm install
-
Install dependencies for the client: cd client npm install
-
Set up the environment variables:
- Create a
.env
file in theserver
directory. - Add the necessary environment variables for MongoDB connection, API keys, etc.
- DB_URI, JWT_SECRET, HOST_URI
-
Start the development server: cd server npm start This will start the Node.js server.
-
Start the client development server: cd client npm run dev
This will start the React development server.
- Open the application in your browser.
- Add an Ebuyer product link to start tracking its price.
- View the item's details page to see the price history graph and track price changes over time.