GitHub-native portfolio · Da Lat University · product-first engineering

Turning a GitHub presence into a sharp product story.

Đây là landing page HTML gắn trực tiếp với tài khoản GitHub của tôi. Nó kết nối profile, repositories và định vị kỹ thuật thành một bề mặt thống nhất để người xem hiểu tôi đang build gì, cách tôi làm sản phẩm ra sao và vì sao các repo này đáng được chú ý.

  • Profile README, user site và repo showcase đang được nối thành một brand thống nhất.
  • Ship nhanh nhưng vẫn giữ cấu trúc sạch và có thể mở rộng.
  • Ưu tiên automation, CI/CD và vòng lặp cải tiến rõ ràng.
  • Dùng công nghệ để tạo tác động thực tế, không làm cho có.

Automation first

Tôi ưu tiên tự động hoá sớm: từ data crawl, OCR pipeline đến deploy và cập nhật tài sản số.

Product discipline

Mọi màn hình đều phải có mục tiêu rõ, tốc độ tốt và khả năng trình bày đủ mạnh trước người dùng thật.

Realtime mindset

Thích làm những hệ thống có luồng dữ liệu sống: dashboard, WebSocket, IoT monitor, workflow thông minh.

Portfolio ready

Tôi biến project học tập thành những case study có thể dùng để xin việc, cộng tác và demo sản phẩm.

GitHub Signal

The account now behaves like a product surface.

Thay vì chỉ có repo rời rạc, bây giờ tài khoản được tổ chức thành nhiều lớp rõ ràng: profile README để gây ấn tượng, user site để kể câu chuyện kỹ thuật, và repository list để chứng minh nhịp độ ship thật.

Live GitHub overview

Stats được kéo trực tiếp từ GitHub để biến trang này thành một bề mặt nhìn thấy được hoạt động kỹ thuật thay vì chỉ là bio tĩnh.

GitHub statistics for teddy3704

Connected surfaces

Một tài khoản mạnh không dựa vào một repo đơn lẻ. Nó cần nhiều điểm chạm cùng nói một ngôn ngữ thiết kế và kỹ thuật.

  • Profile README: banner riêng, project highlights, badges và automation cho contribution asset.
  • GitHub user site: web HTML đứng trên teddy3704.github.io, dùng để kể câu chuyện kỹ thuật rõ ràng hơn bio mặc định.
  • Repositories: tập trung đẩy các repo thực chiến như EVA Chatbot, Smart Brew và chuỗi TypeScript labs để thể hiện breadth lẫn consistency.
Featured Work

Selected projects built for real impact.

Đây là những hướng tôi đang đầu tư mạnh nhất: chatbot thực chiến, IoT dashboard, website cá nhân chất lượng cao và chuỗi project TypeScript cho thấy khả năng ship đều tay.

01

Admissions Chatbot + OCR Pipeline

Hệ thống chatbot và OCR phục vụ luồng thông tin tuyển sinh: crawl dữ liệu, chuẩn hoá nội dung, tạo trải nghiệm trả lời nhanh và dễ triển khai cho web hoặc kênh hỗ trợ như Zalo.

  • Python
  • OCR
  • Scrapy
  • Workflow Automation
02

Smart Brew IoT Monitor

Một hướng xây dựng sản phẩm IoT theo tư duy kinh doanh: theo dõi máy pha cà phê, cập nhật trạng thái realtime, kết nối cảm biến và tạo dashboard đủ rõ cho cả chủ quán lẫn người vận hành.

  • Java
  • ESP32
  • WebSocket
  • MQTT Thinking
03

GitHub-native User Site

Landing page HTML đứng trực tiếp trên user page của GitHub, kết nối profile, repo list và technical identity thành một mặt tiền chuyên nghiệp thay vì chỉ dựa vào giao diện mặc định của tài khoản.

  • HTML
  • CSS
  • Responsive UI
  • GitHub Pages
  • Brand System
04

TypeScript Lab Series

Chuỗi project Lab1 đến Lab4 thể hiện nhịp độ làm việc đều, khả năng hoàn thiện nhiều đầu bài TypeScript liên tục và biến các bài học kỹ thuật thành nền tảng cho sản phẩm có thể trình bày được.

  • TypeScript
  • Iteration
  • Frontend Logic
  • Shipping Cadence
Build System

How I design, build, and improve products.

Tôi không xem tech stack là danh sách logo. Tôi xem nó là hệ vận hành để đưa sản phẩm từ ý tưởng đến một phiên bản đủ tốt để demo, đo phản hồi và tiếp tục tối ưu.

Core stack

Tập trung vào các công cụ đủ thực dụng để ra sản phẩm nhanh nhưng vẫn có chất lượng kỹ thuật tốt.

Frontend and interface

HTML CSS TypeScript Responsive Design

Backend and systems

Node.js Python JWT WebSocket

Automation and AI

OCR Scrapy LM workflows Process automation

Delivery and quality

GitHub Actions CI/CD SEO basics Performance tuning

Speed with structure

Ra phiên bản đầu nhanh, nhưng không viết kiểu dùng xong bỏ. Tôi luôn giữ đường nâng cấp cho lần tiếp theo.

Measure what matters

Ưu tiên những thay đổi có thể giải thích được bằng trải nghiệm, hiệu suất hoặc tác động thực tế lên người dùng.

Automation over repetition

Việc gì lặp lại nhiều lần thì nên được script hoá, tự động hoá hoặc chuyển thành workflow rõ ràng.

Presentation is product

Cách trình bày sản phẩm là một phần của chất lượng. Demo tốt giúp kỹ thuật được nhìn nhận đúng giá trị của nó.

Current Direction

Where I am pushing next.

Giai đoạn hiện tại của tôi là nâng các project hiện có lên mức đủ mạnh để trở thành case study thực thụ, đồng thời tăng chất lượng triển khai và khả năng hợp tác trong môi trường chuyên nghiệp.

01 / polish

Turn coursework into product-grade output

Không dừng ở mức hoàn thành bài. Tôi tối ưu narrative, UI, deployment và độ rõ của từng project để đưa nó lên chuẩn portfolio.

02 / scale

Push harder into AI and automation

Tiếp tục mở rộng các workflow OCR, chatbot và data handling để tạo ra những hệ thống giúp giảm công việc lặp lại thực sự.

03 / deploy

Ship better developer-facing systems

Xây thêm những repo có cấu trúc gọn, tài liệu đủ dùng, pipeline rõ ràng và có thể demo ngay cho người đánh giá kỹ thuật.

04 / collaborate

Prepare for internships and real product teams

Tôi đang định hình hồ sơ theo hướng có thể bước vào môi trường build sản phẩm thật, nơi tốc độ và chất lượng phải đi cùng nhau.

Contact

Let’s build something worth showing.

Nếu bạn đang tìm một người có thể vừa code, vừa nghĩ theo hướng sản phẩm, vừa biết cách làm cho sản phẩm trông đủ thuyết phục, tôi sẵn sàng kết nối.