Employee Leave Management App in Angular 18 📝 Leave Tracker System | Full CRUD Project Tutorial

In this video We are going to complete Employee Leave Management Project in angular 18. We will complete this project with API integration.

Time Stamps:
00:00 - Introduction
05:05 - Create a Component
07:01 - Router, RouterOutlet, RouterLink, and RouterLinkActive
11:11 - Login Page
26:22 - Service
31:37 - Data Binding
38:25 - API Integration: GET
43:05 - For Loop
49:25 - API Integration: POST
55:05 - @For Loop
58:00 - API Integration: DELETE
01:04:29 - @If @else
01:13:11 - Interface
01:15:33 - Reactive Form
01:18:11 - Data Binding
01:29:00 - API Integration: GET
01:35:00 - Reactive Form
01:38:11 - API Integration: GET
01:41:40 - @For Loop
01:48:00 - API Integration: POST
01:57:00 - @For Loop
02:02:22 - @If @else

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
8. 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
employee leave management system angular | angular 18 leave tracker | angular leave application form | angular hr project | leave approval workflow angular | angular employee management project | angular real time projects | angular 18 full project | angular admin dashboard | angular leave system app
angular projects from scratch | angular projects for beginners | angular projects for portfolio | angular projects for advanced | angular projects for beginners in tamil | angular projects for beginners in hindi | angular project tutorial | angular project tutorial

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

#angular18
#angulartutorial
#angularprojects

Видео Employee Leave Management App in Angular 18 📝 Leave Tracker System | Full CRUD Project Tutorial канала LEARNING PARTNER