Skip to content

web-portfolio-v1

Source

The earlier Angular version of this portfolio, with data-driven résumé sections, Markdown writing, and a custom animated WebGL background.

Angular · TypeScript · SCSS · WebGL · Markdown

About

web-portfolio-v1 is the earlier Angular implementation of this personal CV, portfolio, and writing site. Its interface combines a dark résumé layout with a custom animated background, route transitions, a Markdown blog, and downloadable CV access.

The application is useful as a record of an earlier design direction: denser, more animated, and more application-like than the current editorial site. Its portfolio surface remains marked as work in progress in the repository rather than presented as a finished project collection.

Earlier Angular portfolio displayed at a desktop viewport
Historical desktop screenshot of the earlier portfolio.

Highlights

  • A single JSON source supplies résumé, experience, education, skills, and sidebar content.
  • Blog posts are authored in Markdown with YAML front matter and syntax highlighting.
  • A custom WebGL mesh gradient provides the animated background and theme reflections.
  • The intro sequence and route transitions respect reduced-motion preferences.
  • SCSS mixins and media queries adapt the layout for smaller screens.

How it works

Angular routes separate the home, blog, and portfolio areas. Home sections read structured résumé data from JSON, while the blog discovers Markdown posts and renders their front matter and content. Shared components provide the header, footer, sidebar, intro overlay, and background surface.

The WebGL service renders the gradient and exposes its colors to the interface for visual reflections. Motion preferences can bypass the intro animation and reduce route effects. CV download behavior connects the site to PDF artifacts produced by the separate LatexCV repository.

Project details

  • Framework: Angular with TypeScript
  • Content: JSON résumé data and Markdown articles
  • Styling: SCSS