Hello, I'm Loi

Tran Vinh Loi

Frontend Developer, crafting smooth, pixel-perfect UI experiences

Available for freelance

About Me

Frontend developer with over a year of experience building responsive, high-performance web applications using React.js and TypeScript.

Graduated with Distinction in Software Development from FPT Polytechnic College (GPA: 3.64/4.0).

Passionate about crafting pixel-perfect, smooth, and visually compelling user interfaces in close collaboration with UI/UX design principles.

Focused on writing clean, reusable, and well-structured frontend components, with strong attention to scalability and long-term maintainability.

Solid understanding of how frontend and backend systems interact, enabling fast and efficient API integration and full-stack collaboration when needed.

About Me

Frontenddeveloperwithoverayearofexperiencebuildingresponsive,high-performancewebapplicationsusingReact.jsandTypeScript.

GraduatedwithDistinctioninSoftwareDevelopmentfromFPTPolytechnicCollege(GPA:3.64/4.0).

Passionateaboutcraftingpixel-perfect,smooth,andvisuallycompellinguserinterfacesinclosecollaborationwithUI/UXdesignprinciples.

Focusedonwritingclean,reusable,andwell-structuredfrontendcomponents,withstrongattentiontoscalabilityandlong-termmaintainability.

Solidunderstandingofhowfrontendandbackendsystemsinteract,enablingfastandefficientAPIintegrationandfull-stackcollaborationwhenneeded.

Technologies I use

Currently focusing on UI with Framer Motion then moving to GSAP while also learning Tanstack

Frontend-focused UI Stack

Frontend

- React
- Typescript
- TailwindCSS
- Shadcn UI
- Lenis
- Framer Motion
- Tanstack Router

Description

This stack lets me build fluid, visually rich interfaces efficiently, combining smooth scroll, animation, and a robust component system.

Development Direction

Planning to deepen Framer Motion skills, then move into GSAP, Three.js, and React Three Fiber for 3D web experiences.

Fullstack with TanStack Start

Frontend

- Tanstack Start
- Typescript
- TailwindCSS
- Shadcn UI
- Tanstack Table
- Tanstack Query
- Tanstack Form + Zod
- Tanstack Router

Backend

- Better Auth
- Drizzle ORM
- Uploadthing
- PostgresSQL
- Neon

Description

A modern fullstack setup I use when taking ownership of the entire stack, from UI to API to database schema.

Development Direction

Revisiting TanStack Query and Form in depth, then TanStack Start, currently paused while focusing on the UI stack above.

Fullstack with Java Spring

Frontend

- Tanstack Start
- Typescript
- TailwindCSS
- Shadcn UI
- Tanstack Table
- Tanstack Query + Axios
- Tanstack Form + Zod
- Tanstack Router

Backend

- Java Spring
- Spring Security
- Spring OAuth2 Resource Server
- Lombok
- MapStruct
- MyBatis or Spring Data
- MySQL or SQL Server

Description

My backend foundation from college, I have knowledge of Spring and can integrate it with a modern React frontend via RESTful APIs.

Development Direction

No plans to expand further unless a project requires it.

Technologies I use

Currently focusing on UI with Framer Motion while also learning GSAP then moving to Tanstack

Frontend-focused UI Stack

My go-to stack for building beautiful, smooth interfaces, great standalone or paired with any backend.

Fullstack with TanStack Start

My preferred fullstack combo when Java is not required, handles frontend, backend, and database in one cohesive workflow.

Fullstack with Java Spring

Used when the project or team requires Java, which is common in enterprise environments.

I'm also building a YouTube channel

Mainly sharing React-related programming knowledge, TikTok too

UI Component Sharing Platform

A platform for sharing reusable UI component snippets with social login integration. Built with authentication-gated access, with plans to add a database-backed CMS for managing content directly on the site.

Cafe Business Landing Page

A responsive landing page displaying essential store information with an embedded Google Maps integration for location display.

TanStack Table Demo

A hands-on demo project built while learning TanStack Table, exploring sorting, filtering, and pagination.

QR Code / Barcode Scanner Demo

A browser-based scanner built with the Yudiel library, capable of reading both QR codes and barcodes with high sensitivity via device camera.

+84 975 451 653 viinhloii@gmail.com

I'm also building a TikTok channel

Mainly sharing React-related programming knowledge, YouTube

Projects

UI Component Sharing Platform

Cafe Business Landing Page

A responsive landing page displaying essential store information with an embedded Google Maps integration for location display.

TanStack Table Demo

A hands-on demo project built while learning TanStack Table, exploring sorting, filtering, and pagination.

QR Code / Barcode Scanner Demo

A browser-based scanner built with the Yudiel library, capable of reading both QR codes and barcodes with high sensitivity via device camera.

+84 975 451 653 viinhloii@gmail.com