Upstyle is a prermium e-commerce website which deals in fashion products.
This project is deployed on netlify here - upstyle.com
Home Page: Nav Bar, Mainpage, Our Products, Footer Section.Sign-Up: User details are stored in MongoDB Atlas, shows a pop-up if mobile has already been used.Sign-In: User authentication to check whether the user's mobile and password match with details existing in the database.Products Page: You can check out the products and add them.Indivisual Product Page: You can view this page after clicking on any indivisual product. Here you can see indivisual product details. Clicking onAdd to Cartbutton it will be added to cart. If product is already in cart the button will change toGo to Cartbutton.Cart Page: You can check all products in your cart. (User Signin Required)Wishlist Page: You can check all products in your wishlist. (User Signin Required)Payment Page: After Checking out of cart and clicking on Pay Now button this page opens.Admin Sign-In: Admin authentication to check whether the admin's mobile and password match with details existing in the database.Admin Page: Shows all user's data, orders details, works only if user is signed in as Admin.User's Profile page: Contains all the details of user only if the user has signed in.
First, it will direct us to the sign-in page you can go to sign-up and after singing-in explore the Home Page or you can directly explore the Products Page. After clicking on indisual product you will be redirected to Indivisual Product View Page. Here you can see indivisual product details. Clicking on Add to Cart button it will be added to cart. If product is already in cart the button will change to Go to Cart button.
In the navbar section there is Cart button. On clicking, it will show products in your cart. After procceding to the checkout, will show all of the user's address. After selecting the address and clicking on Procced to Pay. You will be redirected to Payment Page. After successful payment your order will be placed.
HTMLCSSJavaScriptNodeJSExpressJSMongoDB
Frontend link: https://gleaming-strudel-e5e52b.netlify.app/Backend link: https://excited-deer-headscarf.cyclic.app/
- Sign-up Page
- Sign-in Page
- User's Profile Page
- Home Page
- Products Page
- Indivisual Product Page
- Cart Page
- Address Page
- Admin Page
- Admin Add Product
Thanks you for Checking our Project🙏🏻😇