About PriceCraft
I Developed using Next.js and Bright Data's webunlocker, an e-commerce product scraping site is designed to assist users in making informed decisions. It notifies users when a product drops in price and helps competitors by alerting them when the product is out of stock, all managed through cron jobs.
⚙️ Tech Stack
.Next.js
.Bright Data
.Cheerio
.Nodemailer
.MongoDB
.Headless UI
.Tailwind CSS
🔋 Features
👉 Header with Carousel: Visually appealing header with a carousel showcasing key features and benefits
👉 Product Scraping: A search bar allowing users to input Amazon product links for scraping.
👉 Scraped Projects: Displays the details of products scraped so far, offering insights into tracked items.
👉 Scraped Product Details: Showcase the product image, title, pricing, details, and other relevant information scraped from the original website
👉 Track Option: Modal for users to provide email addresses and opt-in for tracking.
👉 Email Notifications: Send emails product alert emails for various scenarios, e.g., back in stock alerts or lowest price notifications.
👉 Automated Cron Jobs: Utilize cron jobs to automate periodic scraping, ensuring data is up-to-date.
and many more, including code architecture and reusability
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.