Development

Where Design
Becomes
Real.

“Design is not just what it looks like and feels like. Design is how it works.”
— Steve Jobs, Apple co-founder

How I Build

I like building interfaces that have to work under real conditions, not just in a tidy mockup.

I care about forms, state, data, validation, responsiveness, and edge cases because those details shape how usable the product feels.

The part I enjoy most is connecting design intent to practical implementation: keeping the idea clear while making it work in the browser.

Frontend Implementation

React components

Building reusable interface pieces with clear structure, predictable props, and maintainable styling.

Next.js routing

Structuring pages, layouts, and routes in a way that supports a clear user journey.

Responsive layouts

Creating interfaces that adapt across screen sizes without losing hierarchy or usability.

Theme-aware styling

Using design tokens, CSS variables, and reusable utility classes to keep visual systems consistent.

API Integration

I am particularly interested in the part of frontend development where interfaces connect to real data. A screen is not just a static layout: it has loading states, empty states, errors, validation, permissions, and user actions that need to be handled clearly.

That is where development and UX overlap strongly. Good implementation should make the product feel understandable even when something is loading, missing, invalid, or failing.

  • REST API consumption
  • Form submission flows
  • Loading and error states
  • Validation feedback
  • Data-driven UI
  • GraphQL Integration

Design Systems & Components

I prefer reusable patterns because they make interfaces easier to keep consistent, reliable, and manageable as they grow. Cards, forms, and buttons should behave predictably enough that users are not relearning the product on every screen.

The goal is simple: fewer fragile one-offs, clearer decisions, and a UI that is easier to maintain.

Technical Projects

Next.js / React / TypeScript / TailwindIn progress

Portfolio Rebuild

A rebuild of my personal site around a sharper design and development narrative, using reusable theme-aware components, route-based structure, and a custom CRT-inspired visual identity.

  • Next.js routing
  • Theme system
  • Reusable UI classes
  • Responsive layout
View GitHub repo
React / REST APIs / Java Spring backendProject work

Customer & Account Management Interface

A full-stack customer and account management project with a React interface consuming RESTful services. The frontend focus is on CRUD workflows, data presentation, and connecting user actions to backend behaviour.

  • REST integration
  • CRUD workflows
  • Form handling
  • Data presentation
Details Coming Soon
Product concept / Frontend projectUpcoming

Job Application Tracker

An application for tracking job applications, statuses, notes, and follow-ups. The development focus is stateful UI, filtering, sorting, forms, and clear status visibility.

  • Stateful UI
  • Filtering
  • Status tracking
  • Form UX
Details Coming Soon

Tools & Stack

Frontend

  • React
  • Next.js
  • TypeScript
  • JavaScript

Styling

  • Tailwind CSS
  • CSS variables
  • Responsive design

Integration

  • REST APIs
  • Postman
  • GraphQL

Workflow

  • Git
  • GitHub
  • Vercel
  • VS Code