eCommerce-Website

This project is an assignment for the AACS1483 Web Design and Development course, aimed at developing a functional multi-paged website for the mobile phone retailer, Phonix.

Features

• 📖 Multi-Page Layout
  • A clean, multi-paged structure for easy navigation.
• 🔐 Login and Registration System
  • Login and registration form with input validation.
  • User data stored in browser's localStorage.
• 🛍️ Dynamic Products Page
  • Automatically generated product listings based on products array in data.js.
  • Disabled products are shown in greyscale with a "not allowed" cursor when hovered.
• 🛒 Shopping Cart with Coupon Functionality
  • Working shopping cart with "Add to Cart" functionality.
  • Coupons managed via a voucher array in data.js, allowing percentage-based discounts.
  • Users are required to be logged in with a color selected before adding a product to cart.
• 🎥Image Map and Video in Product Page's Banner
  • Interactive product page banners featuring image maps and video functionality.

Run Locally

Clone the project

  git clone https://github.com/zhon12345/eCommerce-Website.git

Go to the project directory and open index.htmlin a browser.

Future Improvements

• Implement user reviews for products.
• Add a payment processing system.