Websites

Maya Chen — Developer Portfolio

4-page portfolio with Home, Work, About, Contact. Electric cyan accent, project filtering, scroll reveal.

Interactive Tool

Overview

A developer-focused portfolio template with a terminal-style hero section, project timeline layout, and GitHub integration styling. Designed specifically for software developers who want a portfolio that speaks their language — featuring monospaced fonts, syntax-colored accents, and a technical aesthetic.

Key Features

  • Terminal Hero — A hero section styled like a terminal window with typing animation effect.
  • Project Timeline — Projects displayed in a vertical timeline layout showing progression and growth.
  • GitHub Integration — Styled section for displaying GitHub contribution stats and repository highlights.
  • Tech-Focused Design — Monospaced fonts, code-like color schemes, and developer-centric visual language.

Tech Stack

Built with HTML, CSS, and JavaScript. Terminal animation uses CSS keyframes with typed characters. Timeline layout uses CSS pseudo-elements for the connecting line and dots.

Problem it solves

This template demonstrates a developer-centric portfolio with terminal aesthetics and a project timeline — tailored for software engineers and programmers.

How it was built

Built with HTML, CSS, and JavaScript. CSS keyframe typing animation, pseudo-element timeline, monospaced typography.