# Xora E-Commerce Website

A modern, fully-functional e-commerce website built with HTML, CSS, and JavaScript. Features a complete shopping experience with product browsing, cart management, user authentication, and responsive design.

## Features

- **🛒 Shopping Cart System**
  - Add products to cart with localStorage persistence
  - Update quantities and remove items
  - Real-time cart badge updates
  - Cart subtotal and total calculations

- **👤 User Authentication**
  - Login/Register modals with form validation
  - Password visibility toggle
  - Forgot password functionality
  - Real-time form validation with error messages

- **📱 Responsive Design**
  - Mobile-first approach
  - Fully responsive layouts
  - Mobile navigation menu
  - Optimized for all screen sizes

- **🎨 Modern UI/UX**
  - Clean, professional design
  - Smooth animations and transitions
  - Toast notifications for user feedback
  - Interactive product cards

- **📄 Complete Pages**
  - Home page with featured products
  - Shop page with product catalog
  - Blog page with articles
  - About page with company info
  - Contact page with form
  - Cart page with order summary

## Project Structure

```
Pro1/
├── index.html          # Home page
├── Shop.html           # Shop page
├── Blog.html           # Blog page
├── About.html          # About page
├── Contact.html        # Contact page
├── Cart.html           # Shopping cart page
├── style.css           # Main stylesheet
├── script.js           # JavaScript functionality
├── package.json        # Project configuration
├── .gitignore          # Git ignore file
├── README.md           # This file
└── img/                # Images directory
    ├── logo.png
    ├── hero4.jpeg
    ├── products/       # Product images
    ├── icons/          # Icon images
    └── Avatar/         # Avatar images