~/portfolio
>ls -la ./projects_
//A collection of real-world products I've deployed, ranging from Landing Pages to complex Web Apps.
src/projects/tankientruc.tsx
Completed
Execute Application
classTânKiếnTrúcextendsProject{
/***High-end architecture portfolio website featuring minimalist design, project showcases, and smooth page transitions.*/
const stack = [
"React",
"Next.js",
"TypeScript",
"Tailwind"
];
}
src/projects/thuyduong.tsx
In Progress
Compiling source...
classThùyDươngSpaextendsProject{
/***Luxury spa website featuring service listings, booking, and a relaxing UI.*/
const stack = [
"React",
"Next.js",
"Tailwind"
];
}
src/projects/amazing.tsx
Completed
Execute Application
classAmazingPhúQuốcextendsProject{
/***Phu Quoc travel portal with tour booking and destination guides.*/
const stack = [
"React",
"Node.js",
"Tailwind",
"Cloudinary",
"MongoDB"
];
}
src/projects/mknails.tsx
Completed
Execute Application
classMK-Nails&SpaextendsProject{
/***Modern UI for US-based nail salons with reviews and online booking.*/
const stack = [
"React",
"TypeScript",
"Tailwind"
];
}
src/projects/varia.tsx
In Progress
Compiling source...
classVariaHotelextendsProject{
/***Hotel booking system with real-time availability and payment integration.*/
const stack = [
"React",
"Next.js",
"TypeScript",
"Tailwind"
];
}
src/projects/ecommerce.tsx
Completed
Execute Application
classE-commerceWebsiteextendsProject{
/***Online store with product management, cart, and user auth.*/
const stack = [
"React",
"Next.js",
"Tailwind"
];
}
src/projects/tour.tsx
Completed
Execute Application
classPhúQuốc'sTravelextendsProject{
/***Travel website showcasing tours and Phu Quoc guides with user-friendly UI.*/
const stack = [
"TypeScript",
"Node.js",
"Tailwind"
];
}
src/projects/blog.tsx
Completed
Execute Application
classBlogPlatformextendsProject{
/***Blogging platform with content management and multilingual support.*/
const stack = [
"Next.js",
"MongoDB",
"Tailwind",
"CSS"
];
}
src/projects/skincare.tsx
Completed
Execute Application
classKylesSkincareextendsProject{
/***Skincare landing page optimized for marketing and lead generation.*/
const stack = [
"React",
"Next.js",
"TypeScript",
"Tailwind"
];
}