Government Case Management System

A React-based case management application built with the USWDS (U.S. Web Design System) component library for government workers to review and approve permits and licenses.

Features

• Dashboard View: Overview of all pending cases with filtering capabilities
• Case Filtering: Filter by status (Pending, Under Review, Needs Info, Approved, Rejected) and type (Business License, Building Permit, Liquor License, Health Permit, Special Event)
• Case Details: Comprehensive view of individual cases with applicant information, documents, and review history
• Review Actions: Update case status, add reviewer notes, and manage application workflow
• USWDS Compliance: Built with official government design standards using @trussworks/react-uswds

Technology Stack

• React 18 with TypeScript
• Vite for fast development and building
• @trussworks/react-uswds - React implementation of USWDS components
• @uswds/uswds - Official U.S. Web Design System styles

Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm

Installation

# Install dependencies
npm install

Development

# Start development server
npm run dev

The application will be available at http://localhost:5173

Build

# Build for production
npm run build

Preview Production Build

# Preview the production build locally
npm run preview

Project Structure

src/
├── components/          # React components
│   ├── Header.tsx      # Application header with user info
│   ├── FilterBar.tsx   # Case filtering controls
│   ├── CaseList.tsx    # List of cases
│   ├── CaseCard.tsx    # Individual case card
│   └── CaseDetail.tsx  # Detailed case view with review actions
├── data/
│   └── mockData.ts     # Sample case data
├── types/
│   └── index.ts        # TypeScript type definitions
├── App.tsx             # Main application component
└── main.tsx            # Application entry point

Case Types

The system supports the following permit and license types:

• Business License - General business operation licenses
• Building Permit - Construction and renovation permits
• Liquor License - Alcohol service and sales licenses
• Health Permit - Food service and health-related permits
• Special Event - Temporary event permits and road closures

Case Statuses

• Pending - Newly submitted, awaiting review
• Under Review - Actively being reviewed by staff
• Needs Info - Requires additional information from applicant
• Approved - Application approved
• Rejected - Application rejected

Usage

1. View Cases: The dashboard displays all cases with their current status and details
2. Filter Cases: Use the dropdown filters to narrow down cases by status or type
3. Review Case: Click "Review Case" on any case card to view full details
4. Take Action: In the detail view, you can:
   • Add or update reviewer notes
   • Change case status (Start Review, Request Info, Approve, Reject)
   • View applicant information and submitted documents

License

This project is built with open-source technologies and follows USWDS design principles for government digital services.