IT Skill Training & Jobs @ Faith Infotech Academy, Technopark, Thiruvananthapuram

  🚀 DevOps CI/CD Documentation for EMSv2026 📌 1. Understand Your Application Stack Before CI/CD, identify your components: Frontend → Angular / React Backend → Spring Boot / Django / .NET Database → SQL Server / MySQL Repo → GitHub 👉 CI/CD will automate: Build Test Deploy 🔧 2. Prerequisites ✔ GitHub repository (already created) ✔ Working project (frontend + backend) ✔ Basic Git knowledge ✔ Server or Cloud (Azure / AWS / Local VM) 🗂️ 3. Project Structure (Recommended) EMSv2026/ ├── frontend/ ├── backend/ ├── database/ ├── docker/ └── .github/workflows/ 🔁 4. CI/CD Pipeline Flow Developer → Git Push → CI Build → Test → Package → Deploy → Live App ⚙️ 5. Step-by-Step CI Setup (GitHub Actions) ✅ Step 5.1: Create Workflow Folder Inside your project: .github/workflows/ ✅ Step 5.2: Create CI Pipeline File Create file: ci-cd.yml ✅ Step 5.3: Add Basic CI Pipeline Example (Angular + Spring Boot/ASPY.NET CORE REST) name: EMSv2026 CI/C...

  ANGULAR 20.3.18 Employee Search with Pagination   🔷 1. Overview This feature allows users to: ✔ Search employees by Name, Designation, or Contact ✔ View results with Pagination ✔ Perform search without calling API again (client-side filtering) 🔷 2. Technologies Used Angular 20 (Standalone Components) Template Driven Forms ( ngModel ) Custom Pipe ( filterEmployees ) ngx-pagination 🔷 3. Service Layer (Data Fetching) 📌 What? Fetch employee data from API and store in service. 📌 Why? Centralized data storage Avoid multiple API calls 📌 Code getAllEmployees (): void { this . httpClient . get< any >( environment . apiUrl + 'Employees' ) . subscribe({ next: response => { this . employees = response . $values; } }); } 🔷 4. Component Layer (UI Control) 📌 What? Calls service Holds search input Displays data 📌 Code searchTerm : string = '' ; p : number = 1 ; itemsPerPage : number ...