ThatDev.Shparki

ThatDev Portfolio

A neobrutalist portfolio and blog built with Astro, React, and Tailwind. Features a terminal-inspired navigation and stark B&W aesthetic.

portfolio astro neobrutalism open-source

Overview

This is the site you’re looking at right now. A personal portfolio and blog that breaks from the typical developer site mold.

Design Philosophy

Most developer portfolios blend together. Rounded corners, gradient heroes, the same safe choices. I wanted something that felt more like me — someone who lives in the terminal, appreciates brutalist design, and believes color should be earned through interaction.

Key Design Decisions

  • Pure B&W foundation — White background, black text and borders
  • Zero border radius — Sharp corners everywhere, neobrutalist style
  • Neon on interaction only — Color appears on hover, focus, and active states
  • Monospace typography — Fira Code for headings and UI, Inter for body text
  • Terminal-inspired navigation — The nav feels like a command line

Technical Stack

Built with modern tools that prioritize performance and developer experience:

TechnologyPurpose
Astro 5Static site generation
React 19Interactive islands
Tailwind 4Styling
shadcn/uiComponent primitives
MDXContent with components
TypeScriptType safety

Lessons Learned

  1. Constraints breed creativity — Limiting myself to B&W made every color choice intentional
  2. Astro’s content collections are excellent — Type-safe frontmatter is a game-changer
  3. Building in public is motivating — Knowing others are watching keeps you shipping

What’s Next

  • Finish the terminal navigation with fun commands
  • Add search functionality
  • Create more content
  • RSS feed and newsletter integration

This project is open source. Feel free to explore the code and steal ideas.