Project Documentation

Housing Case Management System

Housing Case Management System

A professional enterprise-grade housing case management system frontend built with React 19, Next.js 16, and TypeScript. This application is a frontend demonstration layer specifically designed for integration with a .NET/C# REST API backend.

⚠️ Demo Scope

This application is a FRONTEND DEMONSTRATION ONLY. The current implementation uses mock API data and client-side state management for demonstration purposes.

  • ✓ No real housing or personal data is used
  • ✓ Created solely to demonstrate enterprise application design
  • ✓ Designed to showcase .NET-oriented full-stack thinking

Project Purpose

This demo illustrates how an internal housing case management system could be designed and implemented in an enterprise environment.

The objective is to demonstrate:

  • • Full-stack architectural thinking
  • • Clean separation between frontend and backend
  • • Readiness for a .NET / C# backend implementation
  • • Business-oriented application design
  • • Patterns typically used in public-sector software systems

Business Use Case

The application represents an internal tool used by housing agents and administrators to manage housing-related services.

Case Management

Manage housing-related cases including loans, grants, and assistance requests

Workflow Tracking

Track case status and priority for efficient workflow management

Analytics

Monitor system metrics through dashboards and analytics

Access Control

Apply role-based access for Agent and Admin permissions

Core Features

Dashboard

  • • Total cases overview with real-time statistics
  • • Status distribution visualization
  • • System health indicators
  • • Quick action buttons for common tasks

Case Management (CRUD)

  • • List View: Filterable cases by status, priority, and date range
  • • Detail View: Comprehensive case information with full edit
  • • Create Case: Form with validation for new registration
  • • Update Case: Edit case status, priority, and notes
  • • Search & Filter: Find cases by multiple criteria

Role-Based Access

  • • Agent Role: Create, view, and update cases
  • • Admin Role: Full system access plus administrative functions
  • • UI adapts dynamically based on user role

Administrative Features

  • • Admin-only dashboard with system-wide statistics
  • • User management capabilities
  • • System settings and configuration
  • • Performance analytics and reporting

Technology Stack

Frontend (Current Demo)

React 19

Next.js 16

TypeScript

Tailwind CSS

shadcn/ui

React Context

Target Backend (.NET)

ASP.NET Core 8+

C# 12+

Entity Framework

JWT Auth

SQL Server

Azure Deployment

Final Statement

This demonstration reflects how I approach enterprise software development, particularly in .NET-based, public-sector environments: clear architecture, separation of concerns, business alignment, and long-term maintainability.

The application is NOT a startup prototype. It's a professional enterprise application designed for integration with a serious .NET backend in a government environment.

Housing Case Management System

Enterprise Frontend Demonstration – Ready for .NET Backend Integration

Last Updated: January 28, 2026 | Version: 1.0.0