This is a clone of www.bluemercury.com website. It's an USA based E-commerce website for cosmetic products.
- Front-end: HTML, CSS, JS
- Back-end: Node.js, Express.js, MongoDB
- Resources used in this project: Font Awesome, Material Icons
- 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
-
Homepage
- Dropdown menu on hover
- Live Search Products/ Categories
Key feature
- Voice Search Products/ Categories
Key feature
- Slideshow in hero section
- Products carousel
-
Sign in/ up Page
- Only unique users can sign up
- Validations and authentication of users from an online database
Key feature
-
All Products Page
- All products are fetched from online database
Key feature
- Multiple filters
- Sorting functionality
- Adding and removing products to wishlist
- All products are fetched from online database
-
Selected Product Page
- Dynamically show product details
- Select quantity
- Add to cart
-
Cart Page
- Shows all selected products with respective quantity and prices
- Login is mandatory to go ahead of this page
Key feature
-
Checkout Page
- Add address details
- Order summary view
- Payment Page
- Add card details
- Order summary view
- Promocode option availale