Skip to content

kkm980/bluemercury

Repository files navigation

BLUEMERCURY

This is a clone of www.bluemercury.com website. It's an USA based E-commerce website for cosmetic products.


Team (3 Members)


Tech-stack

  • Front-end: HTML, CSS, JS
  • Back-end: Node.js, Express.js, MongoDB
  • Resources used in this project: Font Awesome, Material Icons

Pre-requisites

  • Clone the repo:
git clone <repo_link>
  • Create branches:
git checkout -b <branch_name>
  • Adding the files:
git add filename
  • Commiting the changes:
git commit -m "description"
  • Pushing the commits:
git push origin <branch_name>
  • Pulling the changes:
git pull origin <branch_name>
  • Dependencies used:
    • cors: ^2.8.5,
    • express: ^4.17.1,
    • moment: ^2.29.1,
    • mongoose: ^5.11.15,
    • nodemon: ^2.0.12

Webpages along with its features

  • Homepage

    • Dropdown menu on hover
    • Live Search Products/ Categories Key feature
    • Voice Search Products/ Categories Key feature
    • Slideshow in hero section
    • Products carousel

    homepage

  • Sign in/ up Page

    • Only unique users can sign up
    • Validations and authentication of users from an online database Key feature

    login/signup

  • All Products Page

    • All products are fetched from online database Key feature
    • Multiple filters
    • Sorting functionality
    • Adding and removing products to wishlist

    all products

  • Selected Product Page

    • Dynamically show product details
    • Select quantity
    • Add to cart

    single product

  • Cart Page

    • Shows all selected products with respective quantity and prices
    • Login is mandatory to go ahead of this page Key feature

    Cart

  • Checkout Page

    • Add address details
    • Order summary view

Checkout

  • Payment Page
    • Add card details
    • Order summary view
    • Promocode option availale

payment