Welcome to PriceTracker for Padel Nuestro.

Table of Contents

• Description
• Motivation
• Built with
• Concepts & Tools
• Credits
• Future Ideas
• Demo

Description

Simple website that tracks prices from Padel Nuestro store and let you know information in your email like:

• The product is in stock again
• The price goes down
• Average price fluctuation
• Discounts

Products are check every day at 10am (GMT-3)

Motivation

As an amateur padel player, I was always interested in having the best equipment or being aware of the latest offers. While learning Next.js I decided to create this website to receive discounts on the products that interest me, follow them and see when is the best time to buy them! Directly to my inbox.

Built with

• NextJS 14 Framework.
• Typescript
• Tailwind CSS
• MongoDB

Concepts & Tools

• React Responsive Carousel
• Cheerio
• Axios
• Headless UI (Modal-transitions)
• Nodemailer (working with cron job)
• React-toastify for toast messages
• React Server & Client Components
• Git flow & Control
• Cron Jobs
• Regular expressions

Credits

SVG Repo for all the icons.

Next JS Documentation.

This video from JS Mastery about web scrapping.

Future Ideas

• Dark mode
• Add a Toast message animation when link is incorrect
• Add button to track price again from product page.
• Redirect when you search a product
• Modal when you click in "Comprar"
• Add a search bar
• Mobile friendly

Momentally, it's only for Padel Nuestro and checks only the rackets, in the future it will be able to check all the products from the store.

Demo

Live demo deployed on Vercel.

README still in progress.