Về Shan

Mình xây dựng giao diện, sản phẩm và ghi lại hành trình học hỏi.

Mình là Shan, một developer định hướng Frontend, yêu thích React, Next.js, TypeScript và việc biến những ý tưởng phức tạp thành trải nghiệm web rõ ràng, hữu ích.

Building Shanverse — một không gian để học, xây dựng và chia sẻ.

Logo Shanverse

Câu chuyện của mình

Từ hệ thống thông tin đến trải nghiệm web

Mình bắt đầu từ việc quan tâm đến cách công nghệ hỗ trợ con người giải quyết công việc hằng ngày. Trong quá trình học Hệ thống thông tin quản lý tại Trường Đại học Thương mại, mình dần tập trung vào phát triển giao diện và trải nghiệm người dùng.

Frontend hấp dẫn mình vì đây là nơi kỹ thuật, sản phẩm và thiết kế gặp nhau. Mỗi dự án giúp mình hiểu sâu hơn về React, Next.js, TypeScript, kiến trúc ứng dụng và cách xây dựng giao diện sử dụng tốt trên nhiều thiết bị.

Shanverse được tạo ra để lưu lại những điều mình học được, giới thiệu sản phẩm mình đã xây dựng và chia sẻ kiến thức có thể hữu ích với những developer khác.

Đang tải số liệu

Bộ công cụ

Kỹ năng và công nghệ đang phát triển

Những công cụ mình đang sử dụng và tiếp tục tìm hiểu qua Shanverse cùng các dự án cá nhân.

Frontend

HTML
CSS
JavaScript
TypeScript
React
Next.js
Tailwind CSS
Responsive Design

Backend & Data

Node.js
NestJS
REST API
Notion API

Công cụ

Git
GitHub
VS Code
Vercel

Lĩnh vực quan tâm

UI/UX
Accessibility
Performance
Design Systems
Web Security

Cách mình làm

Cách mình xây dựng sản phẩm

01

Hiểu vấn đề

Bắt đầu từ nhu cầu của người sử dụng và làm rõ vấn đề trước khi lựa chọn công nghệ.

02

Xây dựng có hệ thống

Chia giao diện thành component rõ ràng, sử dụng type an toàn và giữ kiến trúc dễ mở rộng.

03

Chú ý trải nghiệm

Quan tâm đến responsive, accessibility, hiệu năng và những chi tiết nhỏ trong tương tác.

04

Liên tục cải thiện

Kiểm tra, nhận phản hồi, ghi lại bài học và cải tiến sản phẩm qua từng phiên bản.

Hành trình

Hành trình học tập và xây dựng

  1. Học Hệ thống thông tin quản lý

    Trường Đại học Thương mại

    Xây dựng nền tảng về hệ thống thông tin, quy trình nghiệp vụ và cách công nghệ hỗ trợ hoạt động của tổ chức.

  2. Tập trung vào Frontend Development

    Học và thực hành HTML, CSS, JavaScript, TypeScript, React và Next.js thông qua các dự án cá nhân.

  3. Xây dựng các sản phẩm cá nhân

    Phát triển giao diện và ứng dụng web để rèn luyện tư duy sản phẩm, UI/UX và kiến trúc code.

  4. Phát triển Shanverse

    Xây dựng blog công nghệ và portfolio sử dụng Next.js, TypeScript, Tailwind CSS và Notion CMS.

Nguyên tắc

Giá trị mình muốn giữ trong công việc

Chủ động học hỏi

Tìm hiểu điều chưa biết, thử nghiệm trong dự án thật và ghi lại những gì có thể cải thiện.

Suy nghĩ từ người dùng

Đánh giá lựa chọn kỹ thuật qua mức độ rõ ràng, hữu ích và dễ tiếp cận của trải nghiệm.

Code rõ ràng, có trách nhiệm

Ưu tiên cấu trúc dễ đọc, type an toàn và các quyết định có thể giải thích được.

Chia sẻ điều đã học

Biến trải nghiệm trong quá trình xây dựng thành ghi chép có ích cho mình và developer khác.

Linh vật của Shanverse

Gặp Tianwu, chú rùa phi hành gia

Mình làm gì cũng chậm và hay được ví với con rùa. Thay vì cãi lại, mình vẽ luôn chú rùa đó, cho đội mũ phi hành gia và để chú làm bạn đồng hành của Shanverse.

Tianwu không bay nhanh nhất, nhưng chưa bao giờ quay đầu. Gặp thùng hàng nặng thì đẩy từng bước, lạc đường thì dừng lại nhìn sao rồi đi tiếp.

Bạn sẽ gặp Tianwu ở nhiều góc của trang: khi nội dung đang tải, khi chưa có kết quả, hay khi lỡ lạc vào một trang không tồn tại.

Chậm mà chắc. Không bỏ cuộc.
Chơi Tianwu đẩy thùng

Sticker Tianwu

Tải về để làm avatar hoặc dán vào ghi chú. File SVG nên phóng to bao nhiêu cũng không vỡ.

Cùng xây dựng điều gì đó hữu ích.

Mình luôn sẵn sàng trao đổi về Frontend, sản phẩm, cơ hội thực tập và những dự án thú vị.

Đọc những ghi chép trên Blog