🛒 Blazor Commerce Ultimate

A modern, interactive e-commerce storefront built with Blazor Server and .NET 10.

📖 Table of Contents

• About the Project
• Key Features
• Technologies Used
• Getting Started
• Project Structure
• Contact Details

---

🚀 About the Project

Blazor Commerce Ultimate is a fully functional web-based e-commerce storefront. It implements a complete checkout workflow encompassing real-time global cart tracking, an itemized checkout interface, and customized dynamically-generated receipts.

The application has been refined to utilize modern Blazor Server interactivity patterns to deliver a seamless, Single-Page Application (SPA) experience without any full page reloads.

---

✨ Key Features

• Real-time Global Cart Sync: The top navigation actively tracks and updates checkout quantities seamlessly.
• Dynamic Checkouts: Add multiple gadgets to your cart and process them in a single sweep through the unified master checkout form.
• Auto-generated Receipts: Confirmed orders natively print interactive order summaries mapping out every product purchased.
• Sleek UI/UX: Responsive layouts utilizing flexbox, gradients, and modern custom CSS for an amazing cross-screen experience.

---

🛠 Technologies Used

• Framework: .NET 10
• Architecture: ASP.NET Core Blazor (Interactive Server Render Mode)
• Frontend Stack: HTML5, CSS3, Blazor Components, Bootstrap
• Icons & Visuals: Custom CSS overrides and native assets

---

🏃 Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

• Install .NET 10 SDK
• Install Visual Studio 2026 / Visual Studio Code (or any preferred modern IDE).

Installation

1. Clone the repository:

   git clone https://github.com/AbdulRehman448/Blazor_Commerce_Ultimate.git

2. Navigate into the project directory:

   cd Blazor_Commerce_Ultimate

3. Restore the required .NET packages:

   dotnet restore

4. Run the application:

   dotnet run

5. Open your browser and navigate to the provided localhost URL (e.g., https://localhost:5001).

---

📂 Project Structure

├── Components/
│   ├── Layout/          # Main application wrapper, UI footers & NavBars
│   └── Pages/           # Core screens (Home, OrderForm, OrderConfirmed)
├── Models/              # DTOs and Data bindings (Product, Order, CustomerDetails)
├── Services/            # Scoped logic (CartService, OrderService, ProductService)
├── wwwroot/             # Static configurations (CSS classes, image assets)
└── Program.cs           # Global dependency injection routing

---

📬 Contact Details

Abdul Rehman Ali

Feel free to reach out if you have any questions, suggestions, or feedback!

• 📧 Email: abdulrehman.tp.786@gmail.com
• 💼 LinkedIn: https://www.linkedin.com/in/abdul-rehman-ali/
• 🐙 GitHub: AbdulRehman448

---

Developed with ❤️ by Abdul Rehman Ali