https://github.com/webdevaminul/wda-mini-tshirt-shop
Simple e-commerce application built using vanilla JavaScript, HTML, and CSS. It allows users to view products, add them to a cart, see the cart contents and also switch theme.
https://github.com/webdevaminul/wda-mini-tshirt-shop
html vanilla-css vanilla-javascript
Last synced: 5 months ago
JSON representation
Simple e-commerce application built using vanilla JavaScript, HTML, and CSS. It allows users to view products, add them to a cart, see the cart contents and also switch theme.
- Host: GitHub
- URL: https://github.com/webdevaminul/wda-mini-tshirt-shop
- Owner: webdevaminul
- Created: 2024-07-06T15:42:17.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-11T16:36:27.000Z (over 1 year ago)
- Last Synced: 2025-04-09T13:48:09.480Z (about 1 year ago)
- Topics: html, vanilla-css, vanilla-javascript
- Language: JavaScript
- Homepage: https://wda-mini-tshirt-shop.vercel.app
- Size: 4.69 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [WDA-Mini-TShirt-Shop](https://wda-mini-tshirt-shop.vercel.app)
## Demo
## Overview
This is a simple e-commerce application built using vanilla JavaScript, HTML, and CSS. It allows users to view products, add them to a cart, and see the cart contents.
## Technologies Used
- HTML
- CSS
- JavaScript
## Features
- **Responsive Design:** The application is fully responsive and works on all devices.
- **Product Listing Page:** Display all available products with images, names, and prices.
- **Product Detail Page:** Detailed view of a selected product with an option to add it to the cart.
- **Shopping Cart:** Add, update, and remove products from the cart. The cart is persisted using local storage.
- **Dark Mode:** User can switch theme between dark and light mode.
- **Local Storage:** Cart items and theme are saved in local storage to maintain state between sessions.
## Setup and Running the Project
To run this project locally, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/webdevaminul/WDA-Mini-TShirt-Shop.git
```
2. **Navigate to the Project Directory**:
```bash
cd WDA-Mini-TShirt-Shop
```
3. **Open the project with Visual Studio Code (recommended)**:
```bash
code .
```
4. **Install a Live Server**:
Install the [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension for Visual Studio Code if you haven't already
5. **Run the Live Server**:
Right-click on `index.html` and select `Open with Live Server`.
## Important
Ensure you have the Live Server extension installed in Visual Studio Code to run the project smoothly in a local development environment.
## Creadit & Contributions
Contributions are welcome! Please fork the repository and submit a pull request for any feature additions or bug fixes.
For any questions or inquiries, please contact [webdev.aminul@gmail.com].
Happy coding