https://ngoctin.me/categories/projects/Recent content in Projects on Nguyen Ngoc TinHugoenngoctin.work@gmail.com (Nguyen Ngoc Tin)ngoctin.work@gmail.com (Nguyen Ngoc Tin)Wed, 09 Sep 2026 19:40:00 +0700https://ngoctin.me/posts/job-hunt-os-product-requirement-document/Wed, 09 Sep 2026 19:40:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/job-hunt-os-product-requirement-document/<div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Job Hunt OS là ứng dụng di động ghi nhớ và quản lý tiến trình tìm việc cá nhân, giúp người ứng tuyển lưu giữ nhanh tin tuyển dụng, phiên bản CV đã nộp và khôi phục bối cảnh tức thì khi nhà tuyển dụng liên hệ.</p> <p><strong>Vai trò:</strong> Thiết kế sản phẩm (Product Design), đặc tả yêu cầu kỹ thuật (PRD) và xây dựng kiến trúc dữ liệu cho nguyên mẫu ứng dụng di động.</p>https://ngoctin.me/posts/bep-di-6-zalo-mini-app-ordering-platform/Wed, 26 Aug 2026 15:00:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/bep-di-6-zalo-mini-app-ordering-platform/<figure><a class="lightgallery" href="https://ngoctin.me/images/bep-di-6-cover.webp" title="Bếp Dì 6 Cover" data-thumbnail="/images/bep-di-6-cover.webp" data-sub-html="<h2>Giao diện nền tảng đặt món trực tuyến Bếp Dì 6 trên Zalo Mini App</h2>"> <img class="lazyload" src="https://ngoctin.me/svg/loading.min.svg" data-src="https://ngoctin.me/images/bep-di-6-cover.webp" alt="Bếp Dì 6 Cover" loading="lazy" decoding="async" width="591" height="591" /> </a><figcaption class="image-caption">Giao diện nền tảng đặt món trực tuyến Bếp Dì 6 trên Zalo Mini App</figcaption> </figure> <div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Bếp Dì 6 là nền tảng đặt món trực tiếp trên Zalo Mini App dành cho quán ăn địa phương, giúp khách hàng đặt hàng không cần cài ứng dụng mới và chủ quán đối soát dòng tiền tự động qua VietQR động và định vị GPS.</p>https://ngoctin.me/posts/personal-hugo-technical-blog/Wed, 01 Apr 2026 10:00:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/personal-hugo-technical-blog/<div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Ngọc Tín Site là blog kỹ thuật và portfolio cá nhân hướng tới trải nghiệm đọc tập trung, tối ưu hiệu năng tải trang tĩnh và tích hợp tìm kiếm tức thì mà không phụ thuộc máy chủ backend.</p> <p><strong>Vai trò:</strong> Thiết kế hệ thống Design System SCSS mô-đun, cấu hình pipeline biên dịch Hugo, tùy biến tìm kiếm Lunr.js và tự động hóa triển khai qua GitHub Actions.</p>https://ngoctin.me/posts/bilingual-movie-learning-platform/Fri, 20 Mar 2026 10:00:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/bilingual-movie-learning-platform/<div class="youtube-embed-wrapper" data-video-id="USj7dpTuOZI" data-speed="1.5"> <div class="youtube-lite-player" onclick="playYoutubeInstant(this)" role="button" tabindex="0" aria-label="Phát video YouTube Video (tốc độ 1.5x)" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();playYoutubeInstant(this);}"> <picture> <source srcset="https://i.ytimg.com/vi_webp/USj7dpTuOZI/maxresdefault.webp" type="image/webp"> <img src="https://i.ytimg.com/vi/USj7dpTuOZI/hqdefault.jpg" alt="YouTube Video" loading="lazy" class="youtube-poster-img" onerror="this.onerror=null;this.src='https://i.ytimg.com/vi/USj7dpTuOZI/hqdefault.jpg';"> </picture> <button class="youtube-play-btn" type="button" aria-hidden="true" tabindex="-1"> <svg viewBox="0 0 68 48" width="64" height="45" class="youtube-play-svg"> <path class="youtube-btn-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f43f5e"></path> <path d="M 45,24 27,14 27,34" fill="#ffffff"></path> </svg> </button> <div class="youtube-badge-speed">1.5x Speed</div> </div> </div> <script> if (!window.playYoutubeInstant) { window._ytApiCallbacks = []; window._ytApiLoading = false; window.ensureYTAPILoaded = function(cb) { if (window.YT && window.YT.Player) { cb(); return; } window._ytApiCallbacks.push(cb); if (!window._ytApiLoading) { window._ytApiLoading = true; var tag = document.createElement('script'); tag.id = 'yt-iframe-api'; tag.src = 'https://www.youtube.com/iframe_api'; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(tag, first); var prev = window.onYouTubeIframeAPIReady; window.onYouTubeIframeAPIReady = function() { if (typeof prev === 'function') prev(); while (window._ytApiCallbacks.length) { var fn = window._ytApiCallbacks.shift(); try { fn(); } catch (e) { console.error(e); } } }; } }; window.playYoutubeInstant = function(el) { var wrapper = el.closest('.youtube-embed-wrapper'); if (!wrapper) return; var id = wrapper.getAttribute('data-video-id'); var start = parseInt(wrapper.getAttribute('data-start'), 10) || 0; var speed = parseFloat(wrapper.getAttribute('data-speed')) || 1.5; var playerId = 'yt-player-' + Math.random().toString(36).substr(2, 9); var playerDiv = document.createElement('div'); playerDiv.id = playerId; playerDiv.className = 'youtube-iframe-active'; wrapper.innerHTML = ''; wrapper.appendChild(playerDiv); window.ensureYTAPILoaded(function() { var speedApplied = false; new YT.Player(playerId, { videoId: id, playerVars: { autoplay: 1, playsinline: 1, rel: 0, modestbranding: 1, start: start }, events: { onReady: function(event) { try { event.target.setPlaybackRate(speed); event.target.playVideo(); } catch (err) {} }, onStateChange: function(event) { if (!speedApplied && event.data === YT.PlayerState.PLAYING) { try { event.target.setPlaybackRate(speed); speedApplied = true; } catch (err) {} } } } }); }); }; } </script> <div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Bilingual Movie Learn là nền tảng học tiếng Anh tương tác qua phim ảnh, giúp người học tra cứu từ vựng theo ngữ cảnh và giải thích ngữ pháp tức thì từ câu thoại video thông qua Google Gemini API.</p>https://ngoctin.me/posts/lexi-ai-english-tutor/Sun, 15 Mar 2026 10:00:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/lexi-ai-english-tutor/<div class="youtube-embed-wrapper" data-video-id="qPlBFtEk3pM" data-speed="1.5"> <div class="youtube-lite-player" onclick="playYoutubeInstant(this)" role="button" tabindex="0" aria-label="Phát video YouTube Video (tốc độ 1.5x)" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();playYoutubeInstant(this);}"> <picture> <source srcset="https://i.ytimg.com/vi_webp/qPlBFtEk3pM/maxresdefault.webp" type="image/webp"> <img src="https://i.ytimg.com/vi/qPlBFtEk3pM/hqdefault.jpg" alt="YouTube Video" loading="lazy" class="youtube-poster-img" onerror="this.onerror=null;this.src='https://i.ytimg.com/vi/qPlBFtEk3pM/hqdefault.jpg';"> </picture> <button class="youtube-play-btn" type="button" aria-hidden="true" tabindex="-1"> <svg viewBox="0 0 68 48" width="64" height="45" class="youtube-play-svg"> <path class="youtube-btn-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f43f5e"></path> <path d="M 45,24 27,14 27,34" fill="#ffffff"></path> </svg> </button> <div class="youtube-badge-speed">1.5x Speed</div> </div> </div> <script> if (!window.playYoutubeInstant) { window._ytApiCallbacks = []; window._ytApiLoading = false; window.ensureYTAPILoaded = function(cb) { if (window.YT && window.YT.Player) { cb(); return; } window._ytApiCallbacks.push(cb); if (!window._ytApiLoading) { window._ytApiLoading = true; var tag = document.createElement('script'); tag.id = 'yt-iframe-api'; tag.src = 'https://www.youtube.com/iframe_api'; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(tag, first); var prev = window.onYouTubeIframeAPIReady; window.onYouTubeIframeAPIReady = function() { if (typeof prev === 'function') prev(); while (window._ytApiCallbacks.length) { var fn = window._ytApiCallbacks.shift(); try { fn(); } catch (e) { console.error(e); } } }; } }; window.playYoutubeInstant = function(el) { var wrapper = el.closest('.youtube-embed-wrapper'); if (!wrapper) return; var id = wrapper.getAttribute('data-video-id'); var start = parseInt(wrapper.getAttribute('data-start'), 10) || 0; var speed = parseFloat(wrapper.getAttribute('data-speed')) || 1.5; var playerId = 'yt-player-' + Math.random().toString(36).substr(2, 9); var playerDiv = document.createElement('div'); playerDiv.id = playerId; playerDiv.className = 'youtube-iframe-active'; wrapper.innerHTML = ''; wrapper.appendChild(playerDiv); window.ensureYTAPILoaded(function() { var speedApplied = false; new YT.Player(playerId, { videoId: id, playerVars: { autoplay: 1, playsinline: 1, rel: 0, modestbranding: 1, start: start }, events: { onReady: function(event) { try { event.target.setPlaybackRate(speed); event.target.playVideo(); } catch (err) {} }, onStateChange: function(event) { if (!speedApplied && event.data === YT.PlayerState.PLAYING) { try { event.target.setPlaybackRate(speed); speedApplied = true; } catch (err) {} } } } }); }); }; } </script> <div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Lexi là trợ lý AI luyện giao tiếp phản xạ tiếng Anh hai chiều qua giọng nói thời gian thực, giúp người học phát hiện lỗi phát âm, sửa ngữ pháp và cải thiện phản xạ đàm thoại theo kịch bản thực tế.</p>