← Back to Portfolio
Full-Stack Developer Web App

My Portfolio

A personal developer portfolio built with Angular 21, SSR, and Tailwind CSS. Features smooth scrolling, dark mode, accessible design, and server-side rendering for fast load and SEO.

Web App

No live demo is hosted for this project yet.

View source on GitHub →

Architecture

Angular standalone components with SSR via Angular Universal and Express. Tailwind CSS 4 for styling with a custom CSS variable-based design system for theming. Data is centralized in a typed data layer and injected via service classes.

Technologies

  • Angular
  • TypeScript
  • Tailwind CSS
  • Angular SSR
  • Express

Key Features

  • Dark/light theme toggle with localStorage persistence and system preference detection
  • Server-side rendering (SSR) with Angular Universal for SEO and fast initial load
  • Smooth scroll navigation with active section tracking via IntersectionObserver
  • Fully responsive design with mobile-first Tailwind CSS utilities
  • WCAG 2.1 AA accessible markup with semantic HTML and ARIA attributes
  • Reactive contact form with validation using Angular Reactive Forms
View Source Code →