Upstyle

Upstyle is a prermium e-commerce website which deals in fashion products.

Deployment

This project is deployed on netlify here - upstyle.com

---

Welcome 👋

---

About this project: 🙌

---

Pages & Features 👇

• 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 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.
• 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.

---

How To Use ✅

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.

Areas Under Progress ⚒️

Technology we used 🔧

• HTML
• CSS
• JavaScript
• NodeJS
• ExpressJS
• MongoDB

---

• Frontend link : https://gleaming-strudel-e5e52b.netlify.app/
• Backend link : https://excited-deer-headscarf.cyclic.app/

---

A little glimpse of the pages 🖼️

---

• 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🙏🏻😇