Skip to content

This is an e-commerce website built using HTML, CSS, and JavaScript. The website allows users to browse through a variety of products and add them to their cart for purchase. Local storage is used to save the cart items for future sessions.

shaikhshahbaz4022/Catherene-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 

Repository files navigation

SHOPVIBE STORE

Welcome to ShopVibe Store! This is an e-commerce website built using HTML, CSS, and JavaScript. Experience a seamless shopping journey with a wide range of products and user-friendly features. Whether you're a customer or an admin, ShopVibe Store has got you covered!

Website Deployed Link

https://shopvibe-online-shopping.netlify.app/

Key Features

User Side

  • Google Authentication System: Seamlessly sign in to your account using your Google credentials for a secure and personalized experience.
  • Browse and Add Products: Explore our vast collection of products and effortlessly add them to your cart with just a few clicks.
  • Manage Your Cart: Remove unwanted items from your cart and conveniently update your selection as per your preferences.
  • Persistent Cart: Never lose your cart items! ShopVibe Store utilizes local storage to save your cart items for future sessions.
  • Calculate Total Price: Easily keep track of your expenses with the built-in functionality to calculate the total price of items in your cart.

Admin Side

  • Product Management: Admin users have the power to add new products to the inventory and update existing product details for accurate and up-to-date information.
  • Stock Availability: Stay informed! Admins can easily view the available stock of products in the admin dashboard for efficient inventory management.
  • Role-Based Access Control (RBAC): Implementing RBAC ensures authorized access and enhances security by assigning specific roles to users.

Technologies Used

Frontend Tech-Stacks

  • HTML
  • CSS
  • JavaScript (Vanilla)

Backend Tech-Stacks

  • MongoDB
  • Node.js
  • Express

Screenshots

Product-page

Product page

Add to cart

Cart-Page

Usage

To get started, open the project in your browser. Browse through the products by clicking on the different categories in the navigation menu. Add products to your cart by clicking the "Add to Cart" button on the product page. You can view and manage your cart by clicking on the cart icon in the navigation menu.

Contributing

We welcome contributions to improve the project. If you encounter any bugs or issues, please open an issue on the GitHub repository.

Project By

Shahbaz Shaikh

Join us at ShopVibe Store and enjoy a delightful shopping experience with an extensive range of products and user-friendly features. Happy shopping!

About

This is an e-commerce website built using HTML, CSS, and JavaScript. The website allows users to browse through a variety of products and add them to their cart for purchase. Local storage is used to save the cart items for future sessions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published