Skip to main content

Key Components

1. Homepage Component

Path: src/app/components/homepage/

Main landing page featuring:

  • Banner slider
  • Product categories
  • Featured products
  • Promotions
  • Flash sales

2. Product Details Component

Path: src/app/components/product-details/

Displays detailed product information:

  • Product images gallery
  • Price and stock information
  • Product description
  • Seller information
  • Reviews and ratings
  • Add to cart functionality

3. Cart Component

Path: src/app/components/cart/

Shopping cart management:

  • List of cart items
  • Quantity adjustment
  • Item removal
  • Price calculation
  • Checkout navigation

4. Checkout Component

Path: src/app/components/checkout/

Order completion process:

  • Shipping address selection
  • Payment method selection
  • Order summary
  • Order confirmation

5. Profile Component

Path: src/app/components/accounts/profile/

User profile management with nested routes:

  • Personal information
  • Address book
  • Order history
  • Password change
  • Favorites/wishlist
  • Vouchers

6. Affiliate Dashboard

Path: src/app/components/affiliate/dashboard/

Affiliate program features:

  • Earnings dashboard with charts
  • Commission history
  • Withdrawal requests
  • Collection management
  • Affiliate links generation
  • Payment settings

7. Search Result Component

Path: src/app/components/search-result/

Product search functionality:

  • Search input
  • Filters (category, price, rating)
  • Sort options
  • Infinite scroll
  • Result grid/list view

8. Personal Store Component

Path: src/app/components/personal-store/

Store management:

  • Store profile
  • Product listing
  • Store reviews
  • Store statistics