Back to demo projects
Live

Developer Portfolio Site

A public Next.js portfolio built as a small frontend product using TypeScript, Redux Toolkit, persisted preferences, structured content, filtering, search, compare mode, command palette navigation, accessibility, SEO, and schema.

Screenshots and previews

Admin dashboard

Placeholder preview until the app screenshots are added.

Client dashboard

Placeholder preview until the app screenshots are added.

Workflow view

Placeholder preview until the app screenshots are added.

Why I built this

The portfolio needs to present private commercial experience clearly while also proving current frontend quality through inspectable public code.

Core features

Next.js routing
Redux Toolkit state
Persisted preferences
Portfolio focus selector
Case study filters
Command palette
Search
Compare mode
SEO and schema

System shape

VisitorNext.js appRedux preferencesStructured contentSEO metadataGitHub repo

Technical decisions

Do not use a database for static content

Chosen to keep the demo realistic, inspectable, and useful.

Use Redux for real UI state

Chosen to keep the demo realistic, inspectable, and useful.

Make the portfolio itself a small product

Chosen to keep the demo realistic, inspectable, and useful.

Tech stack

Next.jsReactTypeScriptRedux ToolkitStructured contentTesting

What I would improve next

  • Generated Open Graph images
  • Expanded test coverage
  • More polished screenshot assets