[<- back]
APP

drc.dev

The portfolio site you are currently looking at, here to showcase my projects

[live demo][github]

// technologies

Next.jsTypeScriptTailwind CSSReact
++++

This portfolio site - a Next.js static site with an ASCII/terminal aesthetic for showcasing projects.

Features

  • -App Store Layout - Project cards with screenshots, tech badges, and detail pages
  • -ASCII Aesthetic - Custom components with box-drawing character styling
  • -Dark Mode - Single dark theme with customizable accent colors
  • -Static Export - Builds to static HTML for GitHub Pages deployment
  • -Tailwind v4 - CSS-first configuration with @theme color definitions

Components

Reusable component library including:

  • -AsciiBox - Container with ASCII-framed borders
  • -AsciiButton - Button/link with bracket styling
  • -Badge - Tech stack and category badges
  • -ProjectCard - App store style project cards
  • -ProjectGrid - Responsive grid layout

Deployment

Automated via GitHub Actions - pushes to main trigger a build and deploy to GitHub Pages.