Available for selected freelance work

DatOrisFront-end Developer & UI/UX Designer

I design and build sharp, fast portfolio and product interfaces with Next.js, TypeScript, TailwindCSS, and a restrained glassmorphism style.

Ho Chi Minh City, VietnamGitHubLinkedIn

interface audit

Portfolio control room

Live
3+
Years building UI
95+
Lighthouse target
Next.js
Core stack
UX + SEO
Focus
next-themes ready
Server-first page
Typed data layer
SEO metadata

Selected Work

Case studies with product weight

Commerce UI

E-Commerce Platform

A conversion-focused storefront with product discovery, cart flow, checkout handoff, and admin-facing surfaces.

+40% conversion after redesign

ReactNode.jsMongoDBStripe
SaaS Dashboard

Task Management App

A collaboration workspace with board views, realtime updates, status clarity, and dense operational screens.

-60% task coordination time

Next.jsTypeScriptPostgreSQLSocket.io
Personal Brand

Portfolio System

A fast profile site rebuilt around maintainable data files, clean metadata, accessible states, and strong first impression.

100/100 performance target

Next.jsTailwindCSSnext-themesSEO

What I Improve

A cleaner foundation behind the new face

Interface Systems

Component-driven layouts, design tokens, responsive states, and reusable UI patterns.

Frontend Build

Next.js App Router, TypeScript, server-first pages, and client components only where interaction needs them.

Performance Polish

Reduced visual weight, image discipline, stable layouts, and Core Web Vitals-friendly decisions.

SEO Readiness

Metadata, semantic sections, share previews, and a structure that search engines can actually read.

Skills

Typed, focused, and easier to maintain

Frontend

React

Reusable interactive interfaces with clean component boundaries.

5/5

Next.js

App Router, metadata, server components, and optimized delivery.

5/5

TypeScript

Typed data contracts and safer refactors across UI surfaces.

4/5

TailwindCSS

Utility-first styling with consistent spacing, states, and themes.

5/5

Product & UX

Figma

Wireframes, UI systems, visual QA, and handoff-ready flows.

4/5

Performance

Core Web Vitals, stable layouts, and careful glass effects.

4/5

SEO

Metadata, semantic hierarchy, previews, and crawlable content.

4/5

Git

Clean branches, reviewable commits, and low-risk iteration.

4/5

About

My review of this repo

The strongest direction is not more decoration. It is a portfolio that feels deliberate: fewer global client components, no CDN decoration layer, no confusing mock/database split, a lighter glass system, and content that can be edited without hunting through UI code.

Now

Portfolio refactor

Rebuilding the interface around next-themes, cleaner data files, stronger metadata, and a more polished visual system.

2024

Frontend systems

Focused on reusable UI, TypeScript contracts, component libraries, and performance-minded product screens.

2023

Product delivery

Built ecommerce, dashboard, and portfolio experiences from design exploration through production deployment.

Contact

Need a frontend that feels cleaner and runs faster?

Send the context, goal, and timeline. I will help turn the interface into something easier to trust and easier to maintain.

Email DatOris