https://github.com/santhoshpandi/shopify-ecommerce-website
This is a simple e-commerce responsive website built for both MOBILE and PC, that allows users to browse products, add them to the cart, and place orders.
https://github.com/santhoshpandi/shopify-ecommerce-website
ecommerce-website html-css-javascript html5 javascript localstorage miniproject mobileview responsive responsivewebsite
Last synced: 6 months ago
JSON representation
This is a simple e-commerce responsive website built for both MOBILE and PC, that allows users to browse products, add them to the cart, and place orders.
- Host: GitHub
- URL: https://github.com/santhoshpandi/shopify-ecommerce-website
- Owner: santhoshpandi
- Created: 2024-11-17T13:09:34.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-11-29T05:37:31.000Z (10 months ago)
- Last Synced: 2024-11-29T06:28:36.048Z (10 months ago)
- Topics: ecommerce-website, html-css-javascript, html5, javascript, localstorage, miniproject, mobileview, responsive, responsivewebsite
- Language: JavaScript
- Homepage:
- Size: 2.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Try it: https://santhoshpandi.github.io/Shopify-Ecommerce-website/
# E-Commerce Website:
This is a simple e-commerce responsive website built for both MOBILE and PC, that allows users to browse products, add them to the cart, and place orders. The website is designed with a focus on user experience and ease of use. Below are the key features of the website:
## Features
1. Product Display:
The homepage showcases a variety of products with their photos, names, prices, and ratings.
Users can click on the Add button to add products to their shopping cart.
2. Shopping Cart:
The Cart menu provides a bill summary for the added products, including the total cost and an estimated delivery time.
Users can remove items from the cart before placing the order.
Once an order is placed, the order details are saved as a JSON file in local storage.
3. Brands Menu:
The Brands menu allows users to navigate to other e-commerce websites like Amazon and Flipkart, offering additional product browsing options.
4. Order Management:
After entering the delivery address and placing an order, the order information is stored locally as a JSON file, enabling users to view or process the order at a later time.
## Tech Stack:
HTML/CSS/JavaScript: For building the front-end of the website.
Local Storage: For storing order details as a JSON file.
## How to Use:
Browse the products listed on the homepage.
Add desired products to your cart.
View your cart to see a summary of your order and estimated delivery.
Enter your address and place the order. Your order will be saved locally as a JSON file.
This website is designed to offer a simple and smooth online shopping experience.
Mobile View:
