feat: implementation of DevOps Assignment (Docker, CI/CD, Security)

[LuisMLGDev]

📋 Summary

This PR implements the full DevOps solution for the ABB Technical Assignment. It containerizes the React application using best practices and establishes a robust CI/CD pipeline ensuring code quality and security.

🛠️ Technical Implementation

1. Docker & Containerization

• Multi-stage Build: Implemented in Dockerfile to separate build dependencies (Node.js) from the runtime environment.
• Optimization: Used nginx:alpine for the final image to minimize size and attack surface.
• SPA Routing: Configured custom nginx.conf to handle React Router paths correctly (preventing 404s on refresh).

2. CI/CD Pipeline (GitHub Actions)

The pipeline (.github/workflows/ci-cd.yml) covers:

• CI: Linting (yarn lint) and End-to-End testing with Cypress.
• Security: Integrated Trivy to scan the Docker image for Critical/High vulnerabilities.
• CD:
  • Deploys the web application to GitHub Pages (Test Environment).
  • Pushes the versioned Docker image to GitHub Container Registry (GHCR).

3. Documentation

• Updated README.md with an architectural diagram (Mermaid), setup instructions, and deployment links.

✅ Verification

The reviewer can verify the solution here:

• Live Deployment: https://LuisMLGDev.github.io/test-abb/
• Docker Image: ghcr.io/luismlgdev/test-abb
• CI/CD Logs: Please check the "Checks" tab in this PR.

📸 Screenshots (Optional)

(Architecture Diagram included in README)

---

Closes #1