- Download the directory from github link.
- Open Frontend folder in terminal and run "npm install".
- Open Backend folder in terminal and run "npm install".
- node_modules folder should now be available in both Frontend and Backend folders.
- cd over to Backend in the terminal and run "nodemon index.js".
- cd over to Frontend in the terminal and run "json-server --watch db.json --port 8000".
- cd over to Frontend in new terminal tab and run "npm start".
- App should open in new tab inside your browser.
-
On the start page, you should see Login and Register button. You can Login with using credentials mentioned below: User Name: shrdsngh Email: [email protected] Password: HiThere
-
You can also Register as a new user and create your own login credentials.
-
On homepage you should see a navigation bar on top and products on the main body of page.
-
Navbar consists of the brand logo, Add button, OrderReview and OrderBasket.
-
OrderBasket number should be 0 by default.
-
Click on Add to Cart to add the product to basket.
-
Click on the basket to check the added item or to remove them.
-
Click on Proceed to checkout.
-
Enter your details and click on Deliver Here.
-
Enter the dummy card detail as 4242 4242 4242 4242 , date as 04 / 24, CVV as 242 and OTP as 42424.
-
Click on Place Order.
-
Order Will be placed and you will be directed to the homepage.
-
Click on the "Green Plus Button" beside the search field in the navigation bar.
-
Give product details and image url. Click on Add Product.
-
Product will be added and shown as a new tile on the homepage.
-
Click on Return & Orders button on navbar.
-
This page will show all the items ordered with produst type and vendor name.