Portfolio

A personal portfolio website built with Angular 19 and SSR, organized as an Nx monorepo.

Tech Stack

• Framework: Angular 19 with Server-Side Rendering (SSR)
• UI Library: Angular Material
• Monorepo: Nx
• Testing: Jest (unit), Vitest (unit), Playwright (e2e)
• Component Explorer: Storybook
• Linting: ESLint with Prettier

Prerequisites

• Node.js (see .nvmrc or engines field in package.json for the required version)
• npm

Setup

npm install

Development

Start the dev server (available at http://localhost:4200):

npx nx serve frontend

Start with SSR in development mode:

npx nx serve-ssr frontend

Building

Build the app for production:

npx nx build frontend

Build with prerendering:

npx nx prerender frontend

Testing

Run all unit tests:

npx nx run-many -t test

Run unit tests for a specific project:

npx nx test frontend

Run end-to-end tests:

npx nx e2e frontend-e2e

Linting

Lint all projects:

npx nx run-many -t lint

Format code with Prettier:

npx nx format:write

Storybook

Start Storybook for component development:

npx nx storybook frontend

Project Structure

apps/
  frontend/          # Angular SSR application
  frontend-e2e/      # Playwright e2e tests
libs/
  data-access/       # Data models and state (projects, taxonomy, etc.)
  feature/           # Feature components (about-me, project-list, skills, contact, etc.)
  ui/                # Reusable UI components
  util/              # Utilities and shared styles

Contributing

Commits must follow Conventional Commits (enforced via commitlint and Husky).

<type>(<scope>): <emoji> <short description>

Example: feat(frontend): ✨ add dark mode toggle