Skip to content

A MERN stack project that features on online ecommerse application which allows a user to save items to their cart, checkout, and view all item descriptions.

Notifications You must be signed in to change notification settings

opticsl8b/OzGoodLife

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Description




-- MERN Stack E-Commerce Application --


MERN Stack E-Commerce Application Preview


A MERN stack project that features on online ecommerse application which allows a user to save items to their cart, checkout, and view all item descriptions. 





- Installation -


To install this app simply open the terminal ,run the command "npm i" on the root level directory.





- Usage -


MERN app Usage


Open the terminal and run the command "npm run develop" on the root level directory.





- Function -




- Authenticate -


Authenticate-SignUp



Authenticate-Login


User could Sign up and Login ,and will display different path to Logout and Order History if Logged in/after Signed up.


- Category Display -


Category Display


Display with the asociated products 
WHEN user click on brand buttons. 



- Single Product Page -


Single Product Page


Lead to single page for product details
WHEN click on the product buttons



- Shopping Cart I-


Shopping Cart I


Cart will pop up 
WHEN adding product

And provide input area to adjust amount
Also display the sum price of everything in the cart



- Shopping Cart II-


Shopping Cart II


User could remove the unwanted product via the bin button 
WHEN click on CHECKOUT

User will be leaded to the stripe test system for checkout and displayed with thank message and redirect back to the homepage.



- Order History-


Order History


User logged in can review order history  
WHEN click on Order History button

Future scope


  • Better HTML layout

  • Add a button display all categories

  • Optimize Cart layout

  • Some minor bugs fix




Link to the Repo


https://github.com/opticsl8b/Project-III




App Link -Heroku


https://oz-good-life.herokuapp.com

About

A MERN stack project that features on online ecommerse application which allows a user to save items to their cart, checkout, and view all item descriptions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published