Automated Code Quality Checks in CI/CD

🛠 Lab from the Platform Engineering Bootcamp. Used in Week 3. Bootcamp landing page: https://academy.tekanaid.com/bootcamps/platform-engineering-bootcamp Parent course(s):

• Week 3: Git, GitHub & CI/CD Fundamentals (slug: git-github-cicd-fundamentals)

In this lab you add automated code quality gates to the real TaskFlow frontend, in your own fork. You configure ESLint with a flat config to catch a real bug in the app's source, wire that check into a GitHub Actions workflow, then configure Prettier to enforce consistent formatting across the same codebase and enforce it in CI too.

You'll learn to:

• Configure ESLint 9's flat config for a real Vue 3 project
• Find and fix an actual lint error in application code
• Add an ESLint job to a GitHub Actions workflow that runs on every push
• Configure Prettier for consistent formatting and reformat real source files
• Enforce formatting in CI so unformatted code never reaches main

By the end you have two green quality-gate workflows, Lint and Format, running automatically on your own GitHub repository.