Users UI

A modern web application built with Angular that provides a comprehensive user management system. This application allows administrators to view, create, update, and delete user records through an intuitive interface.

Features

• User Management Dashboard: Clean, organized display of user information in a responsive table format
• CRUD Operations:
  • Create new users with validation
  • Read user information
  • Update existing user details
  • Delete users with confirmation
• Form Validation: Client-side validation for required fields and email format
• Responsive Design: Works seamlessly across desktop and mobile devices
• Unit Tests: Comprehensive test coverage for components and services

Project Structure

src/
├── app/
│   ├── core/
│   │   ├── models/      # Data models and interfaces
│   │   └── services/    # API services and business logic
│   ├── pages/
│   │   ├── user-list/   # User listing and management
│   │   └── user-detail/ # User creation and editing
│   └── shared/
│       └── components/  # Reusable UI components

Development server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

ng generate --help

Building

To build the project run:

ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Running unit tests

To execute unit tests with the Karma test runner, use the following command:

ng test

Prerequisites

• Node.js (v18 or higher)
• npm (v9 or higher)
• Angular CLI (v19.1.4)

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   ng serve

4. Open your browser and navigate to http://localhost:4200

This project was generated using Angular CLI version 19.1.4.