Portfolio

React · API-first Server-rendered Frontend · Route Modules

Domain Console

The frontend for the domain-registration platform, connected to the Spring Boot backend through an OpenAPI-aligned contract. Customers can search domains, manage a cart, complete checkout, review billing, transfer domains, manage SSL, and maintain their account. Administrators monitor domains, orders, provisioning, declarations, and users, with dedicated routes for payment outcomes. React Query, schema-driven forms, and cookie authentication keep data flow consistent across routes, browser state, and the API.

Route modules and layouts call typed API clients and query hooks backed by the Spring REST API. Public search, authentication, checkout, customer workspace, and administration form separate route boundaries. Runtime API configuration is injected when the container starts so one artifact can serve multiple environments.

Tech stack

React 19React Router 8TypeScriptVite 8Tailwind CSS 4TanStack QueryReact Hook FormZodZustandFramer MotionLucide ReactOpenAPIHttpOnly CookieDocker

Architecture

API-first Server-rendered Frontend · Route Modules

Route modules and layouts call typed API clients and query hooks backed by the Spring REST API. Public search, authentication, checkout, customer workspace, and administration form separate route boundaries. Runtime API configuration is injected when the container starts so one artifact can serve multiple environments.

Core capabilities

  • Domain search and comparison
  • Cart and multi-method checkout
  • VNPay results and billing history
  • Domain, transfer, SSL, and account workspace
  • Customer wallet and administrator registrar balance
  • Order, provisioning, declaration, and user administration
  • Cookie-based authentication
  • Dynamic metadata and responsive dark mode