Amazon Product Tracking App V2

Description

A fullstack web app to track the price of any Amazon product and store user's traces in one place

This repo will be achieved due to Amazon restrictions and Heroku limitations

To contribute

Learn more

Build status

Success: See Live

Started on: 13 Aug 2020
Completed on: 16 Aug 2020
Last modified on: 22 Feb 2021

Screenshots (V2)

Tech/framework used

• MERN Stack (MongoDB, Express, React, Node)
• Bootstrap
• Sass

Features

• Create an account
• Track any product's price on Amazon

How to use it locally like it's yours (Not for contribution)

Get your MongoDB connection string

Follow from Part 1 (Create an Atlas Account) to Part 5 (Connect to Your Cluster) in this documentation.

In Part 5, skip to Connect to Your Atlas Cluster and follow from Step 1 to Step 4 to get the connection string.

Now, clone the repository, then:

cd into the working directory and install dependencies in both server & client side:

cd React-Amazon-Price-Tracker
npm i
cd frontend
npm i

Back to the root folder and create a ".env" file:

cd ..
cd ..
touch .env

In ".env", enter your mongoDB connection string and JWT secret key:

• If you're using VS Code, you can use this command to start editing

code .

• Paste in the code, replace mongodb-connection-string with your MongoDB connection string, and edit yourJwtSecret (for better security, use a complex string).

NODE_ENV=development
MONGO_URI=mongodb-connection-string
JWT_SECRET=yourJwtSecret

Install concurrently to run both server and client side in one terminal, and run the app:

npm i -D concurrently
npm run dev

Future Update

• Add email management & notification about price raise/drop
• Secure token with httpOnly cookie
• Make user profile customizable
• Add more authentication methods
• Add password reset and email confirmation
• Add price analytics

Credits

Project Inspiration:

Video by Web Dev Simplified

Design Inspiration:

Landing Page
Dashboard
Dashboard CRUD
Popup Modal

Images:

Flaticon