# v4 (Brittany Chiang Portfolio Template)

The dark navy-and-mint developer portfolio that a huge share of "cool personal sites" you've seen are forked from

https://topboilerplates.com/v4-brittany-chiang-portfolio-template

Framework: React | Pricing: Free | GitHub stars: 8273

## Verdict

Best for: Developers who want a single-page, content-focused resume-style portfolio with a proven, widely-copied visual design, and don't mind editing plain JS data files instead of MDX.

Skip if: You want a template with a blog, MDX content system, or built-in dark/light mode toggle, or you need something actively maintained - this repo has had no commits since mid-2024.

## Description

The open-sourced source code behind Brittany Chiang's own personal site: a single-page React/Gatsby portfolio with hero, about, experience, featured-projects, and other-projects sections, styled with styled-components in a distinctive navy/slate palette with a mint-green accent. Content (jobs, projects, misc links) lives in plain JS/data files you edit directly rather than through MDX or a CMS. It's one of the most forked personal-portfolio codebases on GitHub, to the point the author's README explicitly asks forkers to keep attribution.

## Pros and cons

+ One of the most-forked personal portfolio codebases on GitHub, so the design is proven and there's a huge amount of community tutorials and forks to reference

+ Gatsby's static output makes it cheap and simple to host on Netlify or similar, with fast page loads

+ Clean single-page structure (hero, about, experience, projects) that maps directly onto a resume, with no unnecessary extra pages to fill in

- No commits since July 2024 - Gatsby itself has since slowed in new-project adoption relative to Next.js/Astro, so you inherit an aging toolchain

- No blog or MDX content system - projects and experience are hardcoded into JS data files, not markdown you can edit like posts

- No dark/light mode toggle; the navy theme is the only look without a manual restyle

## Features

- open-source
- mit-licensed
- free-tier

## Stack

- JavaScript
- Netlify

## Links

- Website: https://topboilerplates.com/go/v4-brittany-chiang-portfolio-template
- GitHub: https://github.com/bchiang7/v4
- Demo: https://brittanychiang.com

## Alternatives

- [Magic Portfolio](https://topboilerplates.com/magic-portfolio)
- [Next.js Portfolio Starter Kit](https://topboilerplates.com/next-js-portfolio-starter-kit)