InventoryHub - Full-Stack Inventory Management System

A complete full-stack application built with .NET 8 backend API and Blazor WebAssembly frontend, featuring in-memory data storage and modern UI design.

Project Overview

InventoryHub is a comprehensive inventory management system that demonstrates full-stack development with .NET technologies. The application provides a complete CRUD interface for managing inventory items with real-time updates, custom styling, and robust error handling.

Architecture

• Backend: .NET 8 Minimal API with in-memory data storage
• Frontend: Blazor WebAssembly with custom CSS styling
• Data Storage: Pure in-memory collections (no database required)
• Communication: HTTP API with JSON serialization
• Styling: Custom CSS with modern design patterns

Getting Started

Prerequisites

• .NET 8 SDK or later
• Visual Studio or VS Code
• Git

Installation & Setup

1. Clone the repository

   git clone <repository-url>
   cd InventoryHub

2. Restore dependencies

   dotnet restore

3. Run the backend API

   cd src/InventoryHub.Backend
   dotnet run

4. Run the frontend application

   cd src/InventoryHub.Frontend
   dotnet run

Configuration

Backend Configuration

The backend API is configured in Program.cs with:

• CORS policy for Blazor frontend communication
• In-memory inventory service registration
• Minimal API endpoints for CRUD operations
• JSON serialization with proper error handling

Frontend Configuration

The frontend is configured in Program.cs with:

• HttpClient service pointing to backend API
• Dependency injection for API services
• Blazor WebAssembly hosting

API Endpoints

Method	Endpoint	Description
GET	/api/inventory	Get all inventory items
GET	/api/inventory/{id}	Get item by ID
POST	/api/inventory	Create new item
PUT	/api/inventory/{id}	Update existing item
DELETE	/api/inventory/{id}	Delete item

Features

Completed Features

• Complete CRUD Operations: Create, Read, Update, Delete inventory items
• Real-time Data Synchronization: UI updates immediately after API calls
• Custom CSS Styling: Modern, responsive design without Bootstrap
• Error Handling: Comprehensive error handling and user feedback
• Loading States: Visual feedback during API operations
• Form Validation: Client and server-side validation
• Responsive Design: Works on desktop, tablet, and mobile devices
• In-memory Storage: No database required, pure in-memory collections