Aldéric Hoarau — Freelance Portfolio


Freelance landing page built with Angular 22, deployed on GitHub Pages.

🌐 Live site: https://alderichoarau.github.io (mirrored on GitLab Pages — bonus backup copy, GitHub Pages is the real deployment)

Analysis

GitHub

CI

Deploy

Mirror

Sonar

Mirrors

GitHub is the source of truth. This repository is automatically push-mirrored (read-only) to:

• GitLab
• Bitbucket

Issues and pull requests should be opened on GitHub.

---

Tech Stack

Category	Technology
Framework	Angular 22 — Standalone Components, Signals
UI	Angular Material 22 with custom dark theme
i18n	ngx-translate (FR / EN)
Testing	Vitest + @analogjs/vitest-angular + jsdom
Coverage	@vitest/coverage-v8 (lcov → SonarCloud)
Build	Angular CLI / esbuild
Quality	ESLint + Prettier + Husky pre-commit
CI/CD	GitHub Actions
Analysis	SonarCloud

---

Sections

Section	Description
Hero	Introduction, key stats, CTAs, social links
Technologies	Stack by category (Frontend, Backend, Cloud, etc.)
Experience	Timeline from 2015 to present
Credentials	Microsoft/Scrum certifications + languages
References	Client logos (infinite scroll carousel)
FAQ	7 frequently asked questions about services
Contact	Email, LinkedIn, Malt, GitHub, Collective

---

Quick Start

Requirements: Node.js 26+, npm 11+

git clone https://github.com/alderichoarau/alderichoarau.github.io.git
cd alderichoarau.github.io
npm install
npm start
# → http://localhost:4200

---

Scripts

# Development
npm start                # Development server
npm run build            # Standard build
npm run build:prod       # Production build

# Code quality
npm run lint             # ESLint check
npm run lint:fix         # ESLint with auto-fix
npm run format           # Prettier (write)
npm run format:check     # Prettier (check only)
npm run check            # lint + format:check

# Testing
npm run test             # Single run (Vitest)
npm run test:watch       # Watch mode
npm run test:coverage    # Tests + lcov coverage report

---

Architecture

src/
├── app/
│   ├── core/
│   │   ├── components/     # Navigation, Footer
│   │   └── services/       # DataService, ScrollAnimationService,
│   │                       # SeoService, TranslationService
│   ├── features/
│   │   ├── about/          # Hero section
│   │   ├── technologies/   # Tech stack
│   │   ├── experience/     # Timeline
│   │   ├── certifications/ # Certifications + languages
│   │   ├── references/     # Client logos
│   │   ├── faq/            # FAQ accordion
│   │   └── contact/        # Contact
├── assets/
│   └── i18n/               # fr.json, en.json
├── test-setup.ts           # Vitest setup (zone.js + TestBed)
└── styles.scss             # Global theme + CSS variables

---

Testing

Tests run with Vitest + @analogjs/vitest-angular (jsdom — no browser required).

npm run test             # 151 tests, ~3s
npm run test:coverage    # Generates coverage/lcov.info

Coverage target: 80% statements / functions / lines.

---

CI/CD

GitHub Actions Workflows

File	Trigger	Role
ci.yml	PR + push to main + manual	Lint → Format check → Test → Build
a11y.yml	PR + push to main + manual	Accessibility audit (axe-core) — PR/push job audits this branch's build, manual dispatch audits the live site
sca.yml	PR + push to main + manual	Dependency vulnerability scan (Trivy)
secrets-scan.yml	PR + push to main + manual	Leaked secret scan (gitleaks)
dast.yml	Manual (workflow_dispatch)	OWASP ZAP baseline scan against the real deployed site
sonar.yml	Push to main + PR + manual	Generate coverage → SonarCloud analysis (SAST)
CodeQL	GitHub default setup (weekly)	SAST, no workflow file — configured under repo Settings → Code security
dependency-review.yml	Pull Request	Audit new dependencies
deploy.yml	Manual (workflow_dispatch)	Lint → Test → Build → Deploy to GitHub Pages
release-prepare.yml	Manual (workflow_dispatch)	Bump version, open the release PR
release-publish.yml	Release PR merged	Create the git tag + GitHub release

sca.yml/secrets-scan.yml/dast.yml/a11y.yml used to be jobs inside ci.yml (a11y, security) — split into their own files for a named badge/check per category, same convention as azure-quiz-frontend/azure-quiz-backend. No Container/IaC scan here: this repo has no Dockerfile/Helm/Terraform, nothing for that category to check.

Deployment (deploy.yml)

Triggered manually via workflow_dispatch, or dispatched by release-publish.yml right after it creates a release, via gh workflow run deploy.yml --ref <tag> (a release created with GITHUB_TOKEN doesn't emit an event other workflows can react to, so a release: published trigger wouldn't fire here). Deploys the exact commit pointed to by the release's tag.

1. Checkout code
2. npm run lint — ESLint check
3. npm run test — Vitest suite
4. npm run build — Angular build (esbuild)
5. Upload docs/browser/ → GitHub Pages

SonarCloud Analysis (sonar.yml)

1. Checkout code
2. npm run test:coverage — generates coverage/lcov.info
3. SonarCloud scan using the lcov report

Sonar configuration is in sonar-project.properties.

Release (release-prepare.yml + release-publish.yml)

main is a protected branch, so the release is a two-step process:

1. Prepare — manually trigger release-prepare.yml from the Actions tab with a tag_name input (e.g. v2.1.0). It bumps package.json / package-lock.json, pushes a release/<tag_name> branch, and opens a PR into main.
2. Publish — once that PR is reviewed and merged, release-publish.yml fires automatically: it creates and pushes the <tag_name> tag on the merge commit, then creates the matching GitHub release with auto-generated notes.

Publishing the release automatically triggers deploy.yml, so merging the release PR is the standard way to ship to production.

---

Code Quality

• ESLint + angular-eslint for TypeScript and templates
• Prettier for consistent formatting
• Husky pre-commit hook (lint-staged)
• SonarCloud for continuous static analysis

---

License

© 2026 Aldéric Hoarau. All rights reserved. This repository is public for viewing purposes only — see LICENSE. External contributions are not accepted, see CONTRIBUTING.md.

---

Contact

Aldéric Hoarau — Cloud Consultant & DevOps Trainer

• 📧 alderic.hoarau@gmail.com
• 💼 linkedin.com/in/alderichoarau
• 🔨 malt.fr/profile/alderichoarau
• 🌐 alderichoarau.github.io