mrmaarcus.devprojects
homehprojectspaboutacontactc

keep in touch
emailgithublinkedinspotifyaboutcontactresume
back to projects
activefront end/jul 2024 – present

portfolio

this portfolio: a minimal, keyboard-friendly space for projects, writing, work, and live presence.

acts as a living proof-of-work system for projects, writing, career history, and live presence.

githublive
interface
active
p

front end

designer, developer, and owner

duration

jul 2024 – present

mode

active

key stack

next.jstailwind cssshadcn ui

proof point

a compact portfolio that feels personal instead of generic.

product surface

this portfolio: a minimal, keyboard-friendly space for projects, writing, work, and live presence.

system surface

a personal site needs personality without becoming noisy, and it has to stay easy to update as the work changes.

role

designer, developer, and owner

challenge

a personal site needs personality without becoming noisy, and it has to stay easy to update as the work changes.

result

a compact portfolio that feels personal instead of generic.

architecture

how the pieces connect

1

interface

next.js, tailwind css, shadcn ui

2

workflow

built around a minimal terminal-inspired visual system with keyboard-friendly navigation.

3

data and rules

kept navigation keyboard-friendly because the site leans into a terminal feel.

approach

how it was shaped

  • built around a minimal terminal-inspired visual system with keyboard-friendly navigation.
  • kept core content in typed data structures so project and career updates stay simple.
  • layered in live signals like github activity, spotify, discord, and route transitions.

outcome

what it proves

  • a compact portfolio that feels personal instead of generic.
  • fast access to resume, writing, links, and project proof.
  • a foundation for deeper case studies and richer project storytelling.

decisions

  • kept navigation keyboard-friendly because the site leans into a terminal feel.
  • kept content data-driven so pages can grow without rewriting layouts.
  • used live presence carefully so it adds signal without taking over the page.

lessons

  • personal sites work better when they show how someone thinks, not just what they used.
  • a strong visual system can stay simple if the spacing and hierarchy are consistent.

next steps

  • add a real portrait asset when available.
  • continue turning featured projects into deeper case studies.
  • publish more build logs from the work behind the site.

stack

next.jstailwind cssshadcn ui

previous

next-cli

a project scaffolding cli for bootstrapping opinionated next.js apps with the tools i reach for most.

next

zentro

a multi-tenant collaboration platform exploring workspaces, boards, permissions, and activity flows.