DEV Community

Akanksha Asutkar
Akanksha Asutkar

Posted on

Employee Leave Management App Angular 18

The Employee Leave Management App built with Angular 18 is a straightforward, open-source web application designed to streamline the leave application and approval process within organizations. The app enables employees to apply for various types of leaves, and allows managers to review, approve, or reject these requests efficiently. This project leverages Angular's latest features for efficient data handling, routing, and real-time updates, creating a smooth user experience.

Key features of this project include:

Employee Interface: Employees can submit leave requests and view their leave history and balance.

Admin Dashboard: Managers or HR personnel can view leave applications, make decisions, and track employee leave statuses.

Testing Capabilities: Includes built-in support for unit testing (via Karma) and end-to-end testing to ensure quality.

Scalable Design: Easily extensible for additional features, such as multi-level approvals or custom leave policies.

Live Version: https://learningpartner.github.io/employee_leave_management_angular18

Modules
1.HR Login
2.Employee Creation
3.Add Earn Leaves
4.Employee Login
5.Raise Leave Request
6.Leave Approval
7.HR & Employee Dashboard

  1. Role Based Login

Topic Used: Reactive Form, Template Form, Control Flow Statement, Service, API Integration, Routing, Signal, Pipes, Bootstrap Installation, Roles Based Login

Role: Employee & HR Admin

API: https://projectapi.gerasim.in/index.html

employee app angular | employee management app angular | Angular 18 Projects | Employee Leave Management angular | Employee Leave Tracker App Angular | How to setup angular Project for admin app | Login page in angular | Employee Leave app angular | angular crud | angular crud with api | Angular crud with Reactive Form | Angular Projects | angular 18 projects | Angular project for practice | angular project from scratch | human resource management app angular | Leave app angular

To Connect with me & get Notification of Live Session Join
https://chat.whatsapp.com/KFcr0qWZkHnKr1jVvzACyr

Mini Project Ideas Portal
https://miniprojectideas.com

You can find Html Template Code on GitHub
https://github.com/voidChetan

Follow & Connect me on LinkedIn
https://www.linkedin.com/in/chetan-jogi-a87148ba

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more