IT Ticket Management System

IT Ticket Management System (React + Material Design + LocalStorage)

A modern, fully interactive CRUD web application built with React for managing IT support tickets. The system provides an intuitive interface for users to create, view, update, and delete tickets, while maintaining data persistence through the browser’s local storage.

This project demonstrates strong front-end architecture, clean React state management, and a polished Material Design interface suitable for enterprise-style dashboards.

Features

Create: Add new IT support tickets dynamically with default details.

Read: View all tickets in an interactive, filterable table.

Update: Open any ticket in a modal to modify details and save changes.

Delete: Select and remove one or multiple tickets instantly.

Filter by Status: Easily view tickets based on their submission status (e.g., Submitted, Closed, Resolved).

Data Persistence: Tickets are saved in local storage, ensuring they remain available after page reloads.

Responsive Dashboard: Uses Material Web Components and Bootstrap for a clean, modern, mobile-friendly UI.

? Technical Stack

Frontend: React.js (Functional Components + Hooks)

Styling: Bootstrap 5, Material Web Components

State Management: React useState and useEffect hooks

Storage: Browser LocalStorage for data persistence

Highlights

Built with a scalable component-based architecture (App, TicketTable, and TicketCard).

Real-time updates without page refresh using React state management.

Modular, reusable UI components following Material Design principles.

Great for use as an internal support tool, demo dashboard, or React CRUD portfolio project.