| <!DOCTYPE html>
|
| <html lang="en">
|
|
|
| <head>
|
| <meta charset="UTF-8" />
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| <meta name="description"
|
| content="Portfolio of Nguyen Tin Tin Do โ AI & Computer Vision Engineer specializing in Deep Learning and Data Science." />
|
| <title>TinTin AI Assistant โ Portfolio 2025</title>
|
| <link rel="stylesheet" href="style.css" />
|
| <script src="script.js" defer></script>
|
| </head>
|
|
|
| <body>
|
| <canvas id="fireworks-canvas"></canvas>
|
|
|
| <header>
|
| <div class="container">
|
| <h1 class="logo">HomePage <span class="highlight"></span></h1>
|
|
|
| <nav>
|
| <a href="index.html" class="btn active">Home</a>
|
| <a href="about.html" class="btn">About</a>
|
| <a href="work.html" class="btn">Work Experience</a>
|
| <a href="education.html" class="btn">Education</a>
|
| <a href="projects.html" class="btn">Projects</a>
|
| <a href="contact.html" class="btn">Contact</a>
|
| </nav>
|
|
|
|
|
| <button id="theme-toggle" class="theme-btn" title="Toggle light/dark mode">๐</button>
|
| </div>
|
| </header>
|
|
|
|
|
| <main>
|
| <section class="hero fade-in">
|
| <img src="https://sf-static.upanhlaylink.com/img/image_20251113997348b256b71fd06a2c4219003fcbf5.jpg"
|
| alt="Portrait of Nguyen Tin Tin Do" class="profile" />
|
|
|
| <h2>Hello, My name is <span>Nguyen Tin Tin Do</span> ๐</h2>
|
|
|
| <p>
|
| I am a <b>Computer Science major</b> with a <b>Data Science minor</b> at <b>Drew University</b>,
|
| specializing in <b>Artificial Intelligence</b> and <b>Deep Learning</b>.<br><br>
|
| Iโm passionate about developing <b>real-time computer vision systems</b> that combine
|
| <b>AI</b>, <b>mathematics</b>, and <b>Data</b> to solve impactful real-world problems.
|
| </p>
|
|
|
| <div class="hero-buttons fade-in">
|
| <a href="about.html" class="btn2">Learn More</a>
|
| <a href="Resume - Mr. Tin Tin.pdf" target="_blank" class="btn2" download>๐ Download My Resume</a>
|
| <a href="https://www.linkedin.com/in/nguyen-tin-tin-do/" target="_blank" class="btn2">๐ LinkedIn</a>
|
| <a href="https://github.com/NguyenTin2026/Curriculum-Vitae---Mr.-Tin-Tin.git" target="_blank" class="btn2">๐
|
| GitHub</a>
|
| <a href="https://drew.joinhandshake.com/profiles/tintin" target="_blank" class="btn2">๐ Handshake</a><br><br>
|
| <a href="https://infinityai-gen2026-chatbox-mr-tintin.lovable.app/" target="_blank" class="btn2">๐ค Chat with My
|
| AI Bot</a>
|
| <a href="https://huggingface.co/TinTinDo" target="_blank" class="btn2"> ๐คHugging Face</a> <br> <br>
|
| <a href="https://www.tiktok.com/@tintindo2k4?_r=1&_t=ZS-91NWkL2eiyO" target="_blank" class="btn2">๐ต TikTok</a>
|
| <a href="https://www.facebook.com/tintindo.2k4" target="_blank" class="btn2">๐ Facebook</a>
|
| <a href="https://www.instagram.com/tintindo.2k4/?igsh=Z2ZiZWxkeHNqdmxi&utm_source=qr" target="_blank"
|
| class="btn2">๐ธ Instagram</a>
|
| <a href="https://x.com/donguyentintin?s=21" target="_blank" class="btn2">Twitter</a>
|
| <a href="https://share.streamlit.io/user/tintindonguyen" target="_blank" class="btn2">โ๏ธ Streamlit Cloud</a>
|
| </div>
|
| <br> <br>
|
| <img src="Images\Screenshot 2025-11-13 160249.png" alt="Curriculum Vitae" class="cv" />
|
|
|
| <section class="skills fade-in">
|
| <h2 class='skills'>Technical Skills โ๏ธ</h2>
|
| <ul>
|
| <li>๐ป Python, R, HTML, CSS, JavaScript, SQL(PostgreSQL)</li>
|
| <li>๐ค Machine Learning, Deep Learning, Computer Vision, NLP, GenAI</li>
|
| <li>๐ Pandas, NumPy, Matplotlib, Seaborn</li>
|
| <li>๐ง Scikit-learn, TensorFlow, PyTorch, Keras, OpenCV, Streamlit</li>
|
| <li>โ๏ธ MLOps, Docker, Gitlab, Hugging Face, MS Azure</li>
|
| </ul>
|
| </section>
|
|
|
| <section class="work-experience fade-in">
|
| <h2>Work Experience ๐ผ</h2>
|
| <div class="experience-grid">
|
| <div class="experience-card">
|
| <h3>Freelance AI Developer | Independent Researcher</h3>
|
| <div class="company">Remote | Work From Home</div>
|
| <div class="date">Jun 2024 - Present</div>
|
| <ul>
|
| <li>Built and deployed an object detection system using YOLOv5 and OpenCV for real-time recognition tasks.
|
| </li>
|
| <li>Optimized real-time inference pipelines for face and object recognition.</li>
|
| <li>Collected, cleaned, and visualized datasets using Pandas, Matplotlib, and Seaborn to extract
|
| meaningful insights.</li>
|
| <h3>Freelancer โ Social Media Content Creator</h3>
|
| <div class="date">Jan 2021 - May 2025</div>
|
| <li>Managed and developed multiple social media accounts: TikTok (22K followers, 17K likes, 2M+ views),
|
| Instagram (12K followers, 1K views), Threads (1K followers), Facebook (18K followers).</li>
|
| <li>Produced and edited multimedia content (videos and images) to enhance engagement and audience
|
| retention, increasing average view duration by 25% across TikTok and Instagram.</li>
|
| </ul>
|
| </ul>
|
| </div> <br>
|
|
|
|
|
| <section class="leadership fade-in">
|
| <h2>Leadership & Activities ๐</h2>
|
|
|
| <div class="leadership-card">
|
| <h3>Founder & Volunteer English Instructor</h3>
|
| <p class="date">May 2023 โ May 2025</p>
|
|
|
| <ul>
|
| <li>๐ Founded and managed two free English learning platforms on Facebook: <b>โEnglish Free By Mr.
|
| TinTinโ</b> and <b>โEnglish Guidance for Beginners โ Foundation to Advanced FREE By Mr. TinTinโ</b>
|
| with <b>900+ followers</b>.</li>
|
| <li>๐ค Delivered engaging English presentations and provided online tutoring in English and Mathematics.
|
| </li>
|
| <li>๐ฅ Organized and led weekly online sessions, mentoring <b>six learners</b> to improve English
|
| communication.</li>
|
| </ul>
|
| </div>
|
| </section><br>
|
|
|
|
|
| <section class="education fade-in">
|
| <h2>Education ๐</h2>
|
| <div class="education-grid">
|
| <div class="education-card">
|
| <h3>Bachelor of Science in Computer Science</h3>
|
| <div class="institution">Drew University</div>
|
| <div class="date">August 2024 - May 2027</div>
|
| <ul>
|
| <li>Minor: Data Science</li>
|
| <li>Relevant coursework: Artificial Intelligence, Machine Learning, Deep Learning, Computer Vision
|
| </li>
|
| </ul>
|
| </div>
|
|
|
| <div class="education-card">
|
| <h3>High School Diploma</h3>
|
| <div class="institution">Binh Chieu High School</div>
|
| <div class="date">2019 - 2022</div>
|
| <ul>
|
| <li>Graduated with honors</li>
|
| <li>Focus on Computer Science and Data Science</li>
|
| </ul>
|
| </div>
|
| </div>
|
| </section> <br>
|
|
|
| <section class="courses fade-in">
|
| <h2>Courses ๐</h2>
|
| <div class="course-grid">
|
| <div class="course-card">
|
| <h3>Data Science, GenAI, Intro to Programming, HTML, CSS,JavaScript</h3>
|
| <div class="provider">W3Schools 2023 - Present</div>
|
| <ul>
|
| <li>CNNs, RNNs, and deployment techniques with Python and OpenCV.</li>
|
| </ul>
|
| </div>
|
|
|
| <div class="course-card">
|
| <h3>Artificial Intelligence</h3>
|
| <div class="provider">DATA-511, Alexander Rudniy, 2025</div>
|
| <ul>
|
| <li>Hands-on projects using Pandas, NumPy, Scikit-learn, Matplotlib, Seaborn</li>
|
| </ul>
|
| </div>
|
| </div>
|
| </section>
|
| <section class="projects-preview fade-in">
|
| <h2>Featured Projects ๐</h2>
|
| <div class="project-card">
|
| <img src="Images\แบขnh_Project_26.png" alt="Face Recognition Project">
|
| <h3>Machine Learning and Deep Learning Models</h3>
|
| <p>Real-time AI model for Machine Learning and Deep Learning</p>
|
| <a href="projects.html" class="btn">View Image โ</a>
|
| <br> <br>
|
| </div>
|
| <h2>Face Recognition Project ๐จโ๐ป</h2>
|
| <div class="project-card fade-in ">
|
| <img src="Images\Custom Detection Colors_screenshot_12.10.2025.png" alt="Face Recognition Project">
|
| <h3>Face Recognition System</h3>
|
| <p>Real-time AI model for detecting and recognizing faces using deep learning</p>
|
| <a href="Images\Custom Detection Colors_screenshot_12.10.2025.png" class="btn10">View Image โฌ๏ธ</a>
|
| <br> <br>
|
| <a href="projects.html" class="btn">View Details โ</a>
|
| </div>
|
| <br><br>
|
| <h2>Object Detection Using YOLOv8 ๐จโ๐ป</h2>
|
| <div class="project-card fade-in ">
|
| <img src="Images\cross_00107.jpg" alt="Face Recognition Project">
|
| <h3>Object Recognition Models</h3>
|
| <p>Image, Video, Webcam, AI model for detecting and recognizing objects using Computer Vision</p>
|
| <a href="Images\cross_00107.jpg" class="btn10">View Image โฌ๏ธ</a>
|
| <br> <br>
|
| <a href="projects.html" class="btn">View Details โ</a>
|
| </div>
|
| </div>
|
| <h2>Create a Web Application By Using Streamlit ๐จโ๐ป</h2>
|
| <div class="project-card fade-in ">
|
| <img src="Screenshot 2025-11-29 211528.png" alt="Web App On Streamlit">
|
| <h3>Application of Face Detection and Object detection using streamlit to demo detecting image, video, and
|
| webcam</h3>
|
| <p>Image, Video, Webcam, AI model for detecting and recognizing objects using Computer Vision</p>
|
| <a href="Screenshot 2025-11-29 211528.png" class="btn10">View Image โฌ๏ธ</a>
|
| <br> <br>
|
| <a href="projects.html" class="btn">View Details โ</a>
|
| </div>
|
| <br><br>
|
| <h2>Data Analysis Dashboard ๐จโ๐ป</h2>
|
| <div class="project-card fade-in ">
|
| <img src="Images\regression-line.png" alt="Face Recognition Project">
|
| <p>Large-scale data cleaning, processing, and visualization</p>
|
| <a href="Images\regression-line.png" class="btn10">View Image โฌ๏ธ</a>
|
| <br> <br>
|
| <a href="projects.html" class="btn">View Details โ</a>
|
| </div>
|
| </section>
|
| <section class="contact-cta fade-in">
|
| <h2>Let's Collaborate! ๐ฌ</h2>
|
| <p>
|
| Interested in AI, Computer Vision, or Data Science collaborations?
|
| Feel free to reach out or chat with my AI bot below!
|
| </p>
|
| <a href="contact.html" class="btn">Contact Me!</a>
|
| </section>
|
| </section>
|
| </main>
|
|
|
|
|
| <footer>
|
| <p>ยฉ 2025 Nguyen Tin Tin Do โ Portfolio ยท Artificial Intelligence & Deep Learning</p>
|
| </footer>
|
|
|
|
|
| <div id="ai-chatbox" class="chatbox">
|
| <div class="chat-header">
|
| ๐ง Chat with TinTin!
|
| <button id="toggle-chatbox" class="toggle-chatbox-btn" title="Show/Hide Chatbox">๐จ๏ธ</button>
|
| <button id="toggle-dark" title="Toggle Dark/Light">๐</button>
|
| </div>
|
|
|
| <div class="chat-actions">
|
| <button id="attach-audio" title="Record Audio">๐ค</button>
|
| <button id="camera" title="Camera">๐ธ</button>
|
| <button id="language-switch" title="Translate Text">๐</button>
|
| <button id="calculator" title="Calculator">๐งฎ</button>
|
| </div>
|
|
|
| <div class="chat-messages" id="chat-messages"></div>
|
|
|
| <div class="chat-input">
|
| <input type="text" id="chat-input" placeholder="Type your message..." />
|
| <button id="chat-send">Send</button>
|
| </div>
|
| </div>
|
|
|
|
|
| </body>
|
|
|
| </html> |
