FA Fashion Avenue

Full-Stack E-Commerce Platform

Luxury Fashion Store with Complete Admin & Customer Experience

A production-ready e-commerce platform featuring a customer storefront, shopping cart, checkout flow, order management, and a comprehensive admin dashboard for products, orders, customers, and analytics.

Product Catalog Shopping Cart Checkout Orders Admin Panel
Fashion Avenue

Public overview page for the Fashion E-commerce Platform. Explore customer storefront and admin dashboard.

Key Features

Customer Storefront

Luxury fashion theme with product grid, category filters, search, shopping cart sidebar, and mobile-responsive design.

Shopping Cart & Checkout

Add to cart, quantity controls, cart persistence with localStorage, checkout form, and order confirmation flow.

Customer Account System

Register, login, profile management, order history tracking, and logout functionality for customers.

Admin Dashboard

Comprehensive control panel with sales analytics, KPI cards, charts, and quick action buttons.

Product Management

Create, edit, delete products; manage categories, pricing, inventory, and product images from admin panel.

Order Management

View, search, filter, and update order statuses; detailed order views with customer and payment info.

Customer Management

Manage customer database, view purchase history, contact details, and lifetime value metrics.

Inventory Control

Track stock levels, low stock alerts, inventory adjustments, and stock movement history.

Analytics & Reports

Sales charts, revenue reports, best-selling products, customer insights, and export capabilities.

Two Complete Portals

Customer Storefront

  • Browse luxury fashion products by category
  • Add items to cart with live cart sidebar
  • Complete checkout with shipping and payment details
  • Create account, login, view order history
  • Mobile-responsive, modern UI with Playfair Display fonts

Admin Dashboard

  • Full control over products, categories, and inventory
  • Manage orders, update statuses, view details
  • Customer database with purchase history
  • Sales analytics, charts, and KPI metrics
  • Settings panel for store configuration

Tech & Architecture

Frontend Stack

Pure HTML5, Tailwind CSS via CDN, Vanilla JavaScript. No build tools required. Inter & Playfair Display fonts for luxury aesthetic.

State Management

localStorage for cart persistence, customer accounts, and order history. Simulated backend data for admin demo.

Structure

Organized dirs: store/ (customer), admin/ (dashboard). Each with login, checkout, account, orders pages.

Demo Credentials

Customer: Register a new account or use login page

Admin: Any email/password combination (demo mode)