Skip to main content
$ cd ..

My Portfolio

Full-Stack Developerweb

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.

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

## Run it locally

Web application — follow the README for environment setup.

bash
$ git clone https://github.com/AkibAshfaq/My_Portfolio.git
$ cd My_Portfolio
# see README.md for install & run