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.

View live demo Open GitHub repo

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

Compare mode

SEO and schema

System shape

Visitor→Next.js app→Redux preferences→Structured content→SEO metadata→GitHub 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