CST E-Commerce Website

This project is a simple and responsive E-Commerce website built using HTML, CSS, JavaScript, and Bootstrap. It includes multiple pages and features that allow users to browse products, view details, manage their cart, and complete the checkout process.

---

🚀 Features

📦 Product Browsing

• View all available products.
• Product cards styled with Bootstrap.
• Product categories and organized layout.

🛒 Shopping Cart

• Add products to cart.
• Update and remove items.
• Cart page shows total price and selected items.

💳 Checkout Process

• Simple and clean checkout page.
• User details and order summary.

🔐 Authentication

• Login page
• Register page
• Profile page with logout functionality
• Basic client-side validation.

📄 Product Details

• A dedicated page for each product.
• Images, descriptions, prices, and “Add to Cart”.

📁 Dashboard (Admin)

• Internal dashboard for managing product data.
• Used to update or add product information.

📱 Responsive Design

• Fully responsive using Bootstrap.
• Works smoothly on mobile, tablet, and desktop.

---

🧰 Technologies Used

• HTML5
• CSS3
• Bootstrap
• JavaScript (Vanilla JS)

---

📂 Project Structure

.
├── all-products/        # All products page
├── assets/              # Images & static files
├── cart/                # Cart page
├── checkout/            # Checkout page
├── js/                  # JavaScript logic
├── login/               # Login page
├── product-details/     # Product info page
├── profile/             # User profile
├── register/            # Register page
├── dashboard/           # Admin dashboard
├── shared/              # Shared components
├── index.html           # Home page
├── style.css            # Main CSS file
├── main.js              # Main JS file
└── .github/workflows    # GitHub Actions for static hosting

---

🛠️ Setup Instructions

1. Clone the repository:

   git clone <repo-url>

2. Open the project folder.

3. Run with any local server OR directly open index.html in your browser.

---

📌 Notes

• The project uses client-side only (no backend).
• Data is stored in simple JSON objects inside the js/ folder.
• GitHub Actions workflow is included for static site deployment.

---

🤝 Contributions

Feel free to fork the project and submit pull requests!

---

📄 License

This project is for educational and practice purposes.