Senior Frontend Engineer · 5+ Years

Tommy Nguyen's Frontend Portfolio

Results-driven Senior Frontend Engineer with experience across e-commerce, finance, government systems, and AI virtual agents. This site showcases the patterns, tools, and UI work I use daily with React, Next.js, Angular, Vue, and TypeScript.

Explore Examples About Me

Tech Stack

Technologies used in this portfolio

React 18+

Next.js (App Router)

TypeScript

Tailwind CSS

Motion / Framer

Zustand

React Hook Form

Zod

shadcn/ui

Ant Design

PrimeNG

Vite

Turbopack

pnpm

Learning Journey

Topics I've Shipped & Continue Exploring

Notes and demos from production work and side learning—JS/TS, forms, state, bundlers, animations, testing, APIs, and CI/CD.

JavaScript & TypeScript

ES6+ and TypeScript examples and best practices—destructuring, optional chaining, async/await, types, and React typing.

State Management

Redux Toolkit, Zustand, Context API, and React Query—when to use each and practical examples.

Forms & Validation

React Hook Form + Zod, multi-step flows, and schema-driven forms—patterns I use in production.

Bundlers & Tooling

Vite, Webpack, and Turbopack—configs, trade-offs, and how I choose tooling for real projects.

Animations

Motion/Framer patterns for transitions, scroll effects, gestures, and layout animations.

Testing

Jest, Vitest, and React Testing Library—setup, mocking, and testing patterns I rely on.

APIs

REST vs GraphQL, fetch patterns, React Query, and solid loading/error handling.

Git & CI/CD

Git workflows and GitHub Actions for lint, test, and deploy on every push.

Ready to Explore?

Dive into the examples and learn modern frontend patterns with hands-on code demos.

Start Learning