Employee Management System - Frontend

This is the frontend part of an Employee Management System project built with Angular. It interacts with a backend API developed using ASP.NET Core Web API to perform CRUD operations on employee data.

Features

• Display a list of employees with options to view details, edit, and delete.
• Add new employees
• Edit existing employees
• Delete employees with confirmation.
• Navigate between employee list, employee details, and employee editing views.

Technologies Used

• Angular 14 : Frontend framework for building single-page applications.
• Bootstrap 5 : Frontend framework for designing and styling the UI.

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• Node.js : Version 14.x or higher.
• Angular CLI : Version 14.x
• Visual Studio Code (or any preferred IDE)

Installation

1. Clone the repo

   git clone https://github.com/elgazimohamed/Employee-Management-System-Frontend.git
   

2. Navigate to the project directory

   cd Employee-Management-System-Frontend
   

3. Install NPM packages

   npm install
   

4. Run the Angular development server

   ng serve
   

5. Open your browser and navigate to :

   http://localhost:4200/
   

Usage

1. Ensure the backend ASP.NET Core Web API app is running. If not, clone and run it from here.
2. Navigate to the homepage to view the list of employees.
3. Use the "Add new employee" button to fill out a form and add a new employee.
4. Click "View Details" to see more information about a specific employee.
5. Click "Edit" to modify an employee's details using the form.
6. Click "Delete" to remove an employee from the list.