Skip to content

thuannguyen2kx/portfolio

Repository files navigation

💼 Frontend Developer Portfolio

This repository contains my personal frontend developer portfolio, showcasing selected projects that reflect my growth from UI-focused development to real-world frontend architecture and business-oriented applications.

The portfolio is designed to be clean, focused, and easy to review, helping recruiters quickly understand my technical strengths and project experience.


🎯 Purpose

This portfolio aims to:

  • Present my frontend skills in a clear and structured way
  • Demonstrate experience with realistic product scenarios
  • Highlight learning progression and engineering mindset
  • Serve as a single entry point to review my GitHub projects

🧠 How to Review This Portfolio (3–5 Minutes)

1️⃣ Start with the flagship project
👉 PetCare – Pet Care & Booking Management System

2️⃣ Review frontend engineering projects

  • Shopee Clone → state management, performance, SEO
  • LiteStore → UI structure and reusable components

3️⃣ Check UI / UX-focused work

  • Panda NFT → Figma-to-code UI slicing

Each project includes its own README explaining goals, decisions, and challenges.


🧩 Featured Projects

🐾 PetCare – Pet Care & Booking Management System

Type: Frontend-heavy Full-stack Project

Focus:

  • Real-world booking workflow
  • Role-based access (Admin / Employee / Customer)
  • Employee scheduling logic
  • Business-driven frontend architecture

➡️ This is my flagship project, demonstrating product thinking and real application logic.


🛍️ LiteStore – E-commerce UI Project

Type: Frontend Engineering Practice

Focus:

  • JWT authentication with token refresh
  • URL-based state (filter, pagination, search)
  • Asynchronous state management with React Query
  • Performance optimization & code splitting
  • SEO with React Helmet
  • Testing with Vitest & Storybook

➡️ Shows how I approach scalable frontend architecture.


🐼 Panda NFT – UI / UX Design Implementation

Type: UI / UX Focused Project

Focus:

  • Pixel-accurate Figma-to-code implementation
  • Layout, spacing, typography
  • Visual consistency

➡️ Pure UI project to showcase design-to-code skills.


🧱 Tech Stack Overview

  • Frontend: React, Next.js, TypeScript
  • Styling: Tailwind CSS
  • State Management: Redux Toolkit, React Query, Zustand
  • Tooling: Vite, ESLint, Prettier, Storybook, Vitest
  • Backend (selected projects): Node.js, Express, MongoDB

🧠 What This Portfolio Represents

  • A frontend developer with a strong foundation in React & TypeScript
  • Focus on code structure, maintainability, and real-world usage
  • Understanding that frontend development includes:
    • State management
    • Business logic
    • Performance considerations
    • User experience

👨‍💻 About Me

Nguyễn Thành Thuận
Frontend Developer

  • Interested in frontend architecture and scalable UI systems
  • Comfortable working with complex UI state and product logic
  • Actively improving engineering and product-thinking skills

📧 Email: thuan.nguyenthanh.work@gmail.com
🔗 GitHub: https://github.com/thuannguyen2kx

Thank you for taking the time to review my work 🚀

About

The portfolio is designed to be **clean, focused, and easy to review**, helping recruiters quickly understand my technical strengths and project experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors