%

Loading portfolio...

Giang Nguyễn Đình's avatar
text-3xl text-zinc-950 font-medium

Giang Nguyễn Đình

OKHub Agency

Software Engineer

Overview

Social Links

About

  • Frontend Developer with 1.5+ year of experience delivering pixel-perfect, high-quality web applications.
  • Skilled in Next.js, React, TypeScript, Tailwind CSS, and modern front-end tooling to build user-centric experiences.
  • Strong in API integration with REST and GraphQL, and collaborative workflows using Git, GitHub, and GitLab.
  • Focused on performance, applying lazy loading, code splitting, and image optimization to keep interfaces fast.
  • Continuously learning, with solid UI/UX fundamentals and experience turning Figma and other design assets into responsive interfaces.

GitHub Contributions

Stack

  • TypeScript icon
  • JavaScript icon
  • PHP icon
  • Node.js icon
  • Bun icon
  • React icon
  • Tailwind CSS icon
  • Motion icon
  • Redux icon
  • Git icon
  • Docker icon
  • MongoDB icon
  • Figma icon

Experience

OKHub Agency

Current Employer
  • NextJS & WordPress Developer at OKHub Agency (Dec 2024 - Present)
    • Build and maintain responsive Next.js, React.js and WordPress websites optimized for performance, SEO and accessibility.
    • Integrate RESTful APIs, Custom Post Types and ACF fields to deliver dynamic, data‑driven experiences in Next.js frontends.
    • Use GSAP and modern UI libraries to create smooth, engaging animations and interactions across projects.
    • Manage application state with Redux, Zustand and Context API to keep complex UIs scalable and maintainable.
    • Apply best practices for performance, security and cross‑device compatibility, including code splitting, image optimization and basic hardening.
  • Next.js
  • React.js
  • Docker
  • Tailwind CSS
  • Shadcn/UI
  • WordPress
  • RESTful APIs
  • Custom Post Types
  • ACF Fields
  • GSAP
  • Zustand
  • SEO
  • Motion Animation
  • UI/UX Design
  • Figma

F8 - Technology and Education JSC

  • Web Development Class Manager & Fullstack Developer at F8 Technology and Education JSC (Apr 2024 - Nov 2024)
    • Managed and supported web development classes, assisting instructors and answering student questions.
    • Tracked student progress, graded assignments and gave feedback to improve learning outcomes.
    • Contributed to internal full‑stack projects, building responsive web applications with modern frontend and backend technologies.
  • React
  • Learning Management System
  • Fullstack Development
  • Agile
  • Teamwork
  • Research
  • HTML
  • CSS
  • JavaScript
  • PHP
  • MySQL
  • Laravel
  • Node.js
  • Express.js
  • Socket.IO

Education

  • Degree: Information Technology (GPA 3.6/4), focus on Web Development.
  • Gained practical experience with Next.js, React.js, WordPress and full‑stack projects during coursework and team assignments.
  • Built a solid foundation in computer science, including programming, databases and algorithms.
  • HTML
  • CSS
  • JavaScript
  • PHP
  • MySQL
  • Laravel
  • Node.js
  • Express.js
  • Socket.IO
  • React.js
  • Next.js
  • WordPress
  • Tailwind CSS
  • Shadcn/UI

Projects(5)

A marketing website for MBBank focusing on brand presence, product highlights, and customer acquisition.

  • Designed and implemented multi-section landing pages to communicate core banking products and brand messages.
  • Built responsive layouts and smooth scrolling/animation effects for a premium brand feel.
  • Optimized content structure, SEO, and performance to support marketing campaigns and traffic spikes.
  • Collaborated with marketing team to quickly iterate on content and visuals for different campaigns.
Project GalleryScreenshots
MBBank Brand Website screenshot 1
MBBank Brand Website screenshot 2
MBBank Brand Website screenshot 3
  • NextJS
  • Brand Marketing
  • Landing Page
  • Animation
  • GSAP
  • Tailwind CSS
  • ShadCn UI
  • Motion UI
  • Built responsive Next.js & React.js apps with cross-device compatibility.
  • Developed custom WordPress themes optimized for performance, SEO, and accessibility.
  • Integrated RESTful APIs for dynamic, interactive user experiences.
  • Created Custom Post Types & ACF fields exposed via REST API for Next.js frontends.
  • Used GSAP for smooth animations across WordPress and Next.js projects.
  • Managed state with Redux, Zustand, and Context API.
  • Applied SEO best practices: lazy loading, code splitting, and image optimization.
  • Integrated payment gateways and booking forms for e-commerce platforms.
  • Ensured cross-browser compatibility and mobile responsiveness.
  • Implemented security measures: file permissions, reCAPTCHA, and login rate limiting.
Project GalleryScreenshots
OKHub Agency screenshot 1
OKHub Agency screenshot 2
OKHub Agency screenshot 3
  • WordPress + NextJS
  • REST API
  • ShadCn UI
  • Tailwind CSS
  • GSAP
  • Swiper
  • Motion UI

A tour booking website that allows users to search and filter tours by destination, date, duration, and price. It also supports custom tour requests where users can personalize itineraries based on their preferences. The platform provides real-time availability and pricing, ensuring a smooth and intuitive booking experience.

  • Built project base, UI, and animation from design.
  • Created custom post type and ACF to develop REST API from WordPress to serve data to Next.js interface.
  • Integrated payment (OnePay) and submit form for admin and user.
Project GalleryScreenshots
Tiem Tour screenshot 1
Tiem Tour screenshot 2
Tiem Tour screenshot 3
  • WordPress + NextJS
  • REST API
  • ShadCn UI
  • Tailwind CSS
  • GSAP
  • Swiper

Blog(19)

Contact

Have a project in mind or want to say hi? Drop a message below.

I'll get back to you as soon as I can.