/e-mart-ecommerce-website

This is a solo project, It is an e-commerce website that sells clothes products across websites . A full-stack solo project developed by 10 days. I added features like filter and sort products, cart manipulation, search functionality, order tracking, wishlist product & End to End Flow etc.

Primary LanguageJavaScript


e-Mart Ecommerce Website


Welcome 👋


About this project: 🙌

This is a solo project, It is an e-commerce website that sells clothes products across websites . A full-stack solo project developed by 10 days. I added features like filter and sort products, cart manipulation, search functionality, order tracking, wishlist product & End to End Flow etc.


Our Team Members ❤️

This is a solo project.


Pages & Features 👇

  • Home Page: Nav Bar with drop downs, sliding banners & produc slider.
  • Sign-Up: User details stored on server-side.
  • Sign-In: User authentication to check whether user details existing in the database.
  • Product Category Page: Women's products created dynamically with filter by discount and category.
  • Wishlist Page: User can see or remove products added in the wishlist.
  • Search Functionality: Search product according to the product's title.
  • Cart: User can see or remove products added in the cart and change the quantity of product.
  • Checkout Page: Users can save the delivery address and edit the existing address.
  • Payment Page: Users can add their payment details.
  • Order Successful: Cart gets empty automatically and show the purchase product on order page.
  • Additional Features: Kept the branding, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.

How To Use ✅

First you have to have to go to the Home Page. There you have to click on profile button => signup button and go to the signup page and enter the required details and than login. There you can explore the home page or go to the women's section to browse products. The products can be sorted according to category & discount. Click on any product to go to its product details page there you can add for cart and wishlist. You can add multiple items to the cart. Then click on cart and redirect you to checkout page. There coupouns can applied or items can be deleted. To proceed to checkout click on CONTINUE button which will redirect you to address page where address details can be added and edit. After clicking on CONTINUE we get redirected to Payment page where card details can be added and buying process can be completed.


Tech Stack Used 🔧

Frontend

  • Reactjs
  • Redux
  • Redux-Thunk
  • CSS

Backend

  • Mongodb
  • Express
  • Mongoose

Screenshots 📷


  • Home Page

HomePage


  • Sign-Up Page

SignupPage


  • Login Page

LoginPage


  • Product Page

productPage


  • Wishlist Page

wishlistPage


  • Search Page

searchPage


  • Product Details Page

detailsPage


  • Checkout

cartPage

  • Address

addressPage1

addressPage2

  • Payment

payment

  • Your Order

orderPage

  • Confirmation Page

confirmPage


  • ALL RESPONSIVE PAGES

resHome

resProduct

resProduct2

resWishlist

resDetails

resCart

resAddress

resPayment

resOrder