🏠 Home Page

Welcome to the Angular routing demo!

This demonstrates how CloudFront + S3 handles Angular-style routing with HTTPS.

Test Instructions:

  1. Click any navigation link above
  2. Press F5 to refresh - page should load correctly
  3. Copy the URL and open in a new tab - should work
  4. Share the URL - recipient sees the same page

📅 Booking Page

Booking ID:

This demonstrates dynamic routes with unique identifiers (UUIDs).

Use Case: Booking confirmations, order tracking, appointment details

Security: All traffic is HTTPS encrypted, safe for personal information

👤 User Profile

User ID:

Section:

Use Case: User profiles, account management, personal dashboards

Route Pattern: /user/:id/:section

🛍ī¸ Products

Browse our product catalog

Laptop XYZ

$999

Phone ABC

$699

Tablet 123

$499

đŸ“Ļ Product Details

Product ID:

Use Case: E-commerce product pages, item details

Route Pattern: /products/:productId

📊 Dashboard

Your personal dashboard with analytics and insights

Total Bookings

42

Active Orders

7

Revenue

$12,450

⚙ī¸ Settings

Section:

Account Privacy Notifications Billing

ℹī¸ About

This is a demo Angular-style Single Page Application (SPA).

Architecture:

User → CloudFront (HTTPS) → OAC → S3 (Private)

Key Features:

  • ✅ HTTPS only (HTTP redirects to HTTPS)
  • ✅ Private S3 bucket (no public access)
  • ✅ Origin Access Control (OAC)
  • ✅ Custom error responses for SPA routing
  • ✅ Dynamic routes with parameters