Tổng quan
Lập trình viên Frontend @Bateco Group
Social Links
Giới thiệu
Tôi là Nguyễn Đình Giang (River) — Lập trình viên Frontend với hơn 2 năm kinh nghiệm đưa sản phẩm web từ thiết kế đến production, chú trọng chất lượng và hiệu năng.
- Xây dựng UI hiện đại với Next.js, React, TypeScript và Tailwind CSS; chuyển Figma thành giao diện responsive, dễ dùng.
- Tích hợp API REST và GraphQL, phối hợp nhóm mượt với Git, GitHub và GitLab.
- Ưu tiên tốc độ: lazy loading, code splitting, tối ưu hình ảnh và kiến trúc component gọn.
- Dùng Docker để đồng bộ môi trường local và deploy, đồng thời luôn học để nâng kỹ năng lẫn cách làm việc.
Hiện tại
Cập nhật 8 thg 8, 2026
Frontend khách hàng với Next.js + TypeScript
Brand site & UI sản phẩm tại Bateco
React Server Components sâu hơn
Caching, streaming và composition
Micro-interaction đúng chỗ, không ồn
Motion phải đáng có mặt
GitHub Contributions
Công nghệ
Kinh nghiệm
- Lập trình viên Web tại Bateco Group (05/2026 - Hiện tại)
- Xây dựng và bảo trì website doanh nghiệp responsive bằng Next.js và React.js, tối ưu hiệu năng, SEO và accessibility.
- Tích hợp RESTful APIs để triển khai nội dung động và tính năng tương tác cho các lĩnh vực kinh doanh của tập đoàn.
- Sử dụng GSAP, Tailwind CSS và Shadcn/UI để tạo animation mượt và giao diện nhất quán, chuyên nghiệp.
- Quản lý state với Zustand; dùng Docker để đồng bộ môi trường phát triển và triển khai ổn định.
- Next.js
- React.js
- Docker
- Tailwind CSS
- Shadcn/UI
- RESTful APIs
- GSAP
- Zustand
- SEO
- Motion Animation
- Lập trình viên NextJS & WordPress tại OKHub Agency (12/2024 - 05/2026)
- Xây dựng và bảo trì website Next.js, React.js và WordPress responsive, tối ưu hiệu năng, SEO và accessibility.
- Tích hợp RESTful APIs, Custom Post Types và ACF fields để triển khai trải nghiệm động trên frontend Next.js.
- Dùng GSAP và các thư viện UI hiện đại để tạo animation và tương tác mượt trên các dự án.
- Quản lý state với Redux, Zustand và Context API để UI phức tạp dễ mở rộng và bảo trì.
- Áp dụng best practices về hiệu năng, bảo mật và tương thích đa thiết bị, gồm code splitting, tối ưu hình ảnh và hardening cơ bản.
- 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 - Công ty Cổ phần Công nghệ & Giáo dục
- Quản lý lớp Web Development & Lập trình viên Fullstack tại F8 (04/2024 - 11/2024)
- Quản lý và hỗ trợ các lớp học lập trình web, hỗ trợ giảng viên và giải đáp thắc mắc cho học viên.
- Theo dõi tiến độ, chấm bài và phản hồi để cải thiện kết quả học tập.
- Tham gia các dự án nội bộ full-stack, xây dựng ứng dụng web responsive với công nghệ frontend/backend hiện đại.
- React
- Learning Management System
- Fullstack Development
- Agile
- Teamwork
- Research
- HTML
- CSS
- JavaScript
- PHP
- MySQL
- Laravel
- Node.js
- Express.js
- Socket.IO
Dự án(10)
Website đặt tour cho phép người dùng tìm kiếm và lọc tour theo điểm đến, ngày, thời lượng và giá. Hỗ trợ yêu cầu tour tuỳ chỉnh giúp người dùng cá nhân hoá lịch trình theo nhu cầu, kèm tình trạng chỗ và giá theo thời gian thực để trải nghiệm đặt tour mượt và trực quan.
- Dựng base dự án, UI và animation theo thiết kế.
- Tạo Custom Post Type và ACF để xây dựng REST API từ WordPress, phục vụ dữ liệu cho giao diện Next.js.
- Tích hợp thanh toán online và form gửi thông tin cho admin và người dùng.
Dự án bảo mật
Tên khách hàng, đường link và hình ảnh dự án đều thuộc thỏa thuận bảo mật (NDA). Liên hệ để mình trao đổi chi tiết về cách làm, quyết định và kết quả.
Liên hệ để trao đổi- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper
Landing page doanh nghiệp nhiều section, giới thiệu sản phẩm, dịch vụ và thành tựu của công ty.
- Thiết kế và triển khai landing page nhiều section để truyền tải giá trị cốt lõi và các mảng dịch vụ.
- Xây dựng layout responsive và hiệu ứng cuộn/animation mượt để tạo hình ảnh thương hiệu chuyên nghiệp.
- Tối ưu cấu trúc nội dung, SEO và hiệu năng để hỗ trợ chiến dịch marketing và những thời điểm tăng traffic.
- Phối hợp với team marketing để cập nhật nội dung và hình ảnh nhanh theo từng chiến dịch.
Dự án bảo mật
Tên khách hàng, đường link và hình ảnh dự án đều thuộc thỏa thuận bảo mật (NDA). Liên hệ để mình trao đổi chi tiết về cách làm, quyết định và kết quả.
Liên hệ để trao đổi- NextJS
- Brand Marketing
- Landing Page
- Animation
- GSAP
- Tailwind CSS
- ShadCn UI
- Motion UI
Học vấn
- Đang học tại Đại học Giao thông Vận tải (UTC / GTVT).
- Tiếp tục nâng nền tảng Công nghệ thông tin song song với công việc frontend developer.
- Information Technology
- Web Development
- Computer Science
- Ngành: Công nghệ Thông tin (GPA 3.6/4), tập trung Phát triển Web.
- Có kinh nghiệm thực hành với Next.js, React.js, WordPress và các dự án full-stack trong quá trình học và làm bài nhóm.
- Xây dựng nền tảng vững về khoa học máy tính, bao gồm lập trình, cơ sở dữ liệu và thuật toán.
- HTML
- CSS
- JavaScript
- PHP
- MySQL
- Laravel
- Node.js
- Express.js
- Socket.IO
- React.js
- Next.js
- WordPress
- Tailwind CSS
- Shadcn/UI
Bài viết(9)
Đang nhận dự án
Có ý tưởng? Cùng làm thật.
Brand site, UI sản phẩm, hay một bản rebuild cần cảm giác nhanh — nhắn mình, mình sẽ trả lời sớm.
Insights(24-08 – 22-09)
30 ngày gần nhất
- Khách uniqueUp by 100% compared to the previous period
- 50
- PhiênUp by 100% compared to the previous period
- 60
- Lượt xemUp by 100% compared to the previous period
- 76
- Thời lượng phiên
- 1p 01s