From 45f772f6f5e1692bf70c282595049d671bb91eb3 Mon Sep 17 00:00:00 2001 From: Son Nguyen Date: Fri, 4 Oct 2024 00:09:53 -0400 Subject: [PATCH] Update: Updated profile information --- 404.html | 74 +++++++++++++++++++++++-- index.html | 114 +++++++++++++++++++++++--------------- microfrontend-layout.html | 15 ----- package-lock.json | 9 ++- packages/css/styles.css | 6 +- packages/js/main.js | 86 ++++++++++++++++++---------- sitemap.xml | 2 +- 7 files changed, 204 insertions(+), 102 deletions(-) delete mode 100644 microfrontend-layout.html diff --git a/404.html b/404.html index d09e651..8c43015 100644 --- a/404.html +++ b/404.html @@ -6,6 +6,26 @@ 404 Not Found - Son Nguyen Hoang + + + + + + + + + + + + + + + + + + + + -
-

404

-

Sorry, the page you're looking for doesn't exist.

- Go back to home +
+

404 Not Found

+

Oops, you caught me! The page you're looking for doesn't exist.

+ Back to Portfolio
+ diff --git a/index.html b/index.html index b4d66a0..84de357 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,10 @@ name="description" content="Son Nguyen Hoang's professional portfolio showcasing skills in software engineering, business analysis, and a wide range of projects." /> - + @@ -49,7 +52,7 @@ @@ -66,7 +69,7 @@ content="Professional portfolio of Son Nguyen Hoang featuring diverse projects and skills in software engineering and business analysis." /> - + @@ -156,13 +159,23 @@
@@ -196,7 +209,9 @@

Software Engineer

As a dedicated CS & Econ student at The University of North Carolina at Chapel Hill, I'm passionate about harnessing the synergy between technology and economics to drive innovation and growth!

- Let's Connect! + + Let's Connect! +
@@ -219,13 +234,13 @@

About Me

Son Nguyen's Image

- Hello, world 馃憢 ! I'm currently a junior (3rd year student) at UNC-Chapel Hill, and I'm excited to embark on a journey to gain - more experience and knowledge in my field of interest - Computer Science. Therefore, I'm open to any internships or work experiences - that will help me prepare for my future career. In addition to gaining professional experience, I am also excited to be a part of any + Hello, world 馃憢 ! I'm currently a junior (3rd year student) at UNC-Chapel Hill, and I'm excited to embark on a journey to gain more + experience and knowledge in my field of interest - Computer Science. Therefore, I'm open to any internships or work experiences that + will help me prepare for my future career. In addition to gaining professional experience, I am also excited to be a part of any professional team. I consider myself to be an outgoing, hard-working, and cooperative individual, and I believe I can contribute positively to any team that I am a part of!

-
+
03+ The MacDuffie School

Software Engineer Role Certificate

Software Engineer Role Certificate

HackerRank @@ -1314,12 +1329,10 @@

The MacDuffie School

Frontend Engineer Role Certificate

Frontend Engineer Role Certificate

- HackerRank + HackerRank
@@ -1343,7 +1356,7 @@

The MacDuffie School

REST APIs Certificate

REST APIs Certificate

Codecademy @@ -1359,11 +1372,11 @@

The MacDuffie School

Analyzing Business Metrics with SQL Certificate

Analyzing Business Metrics with SQL Certificate

CodecademyCodecademy
@@ -1525,7 +1538,9 @@

The MacDuffie School

-

Software Engineering Intern

 +

Software Engineering Intern

 FPT Corporation @@ -1664,7 +1679,9 @@

Huong Hua Co., Ltd.

-

Software Engineering Intern

 +

Software Engineering Intern

 VNG Corporation @@ -1738,7 +1755,9 @@

VNG Corporation

-

Data Analytics Research Assistant

 +

Data Analytics Research Assistant

 Case Western Reserve University @@ -1759,43 +1778,43 @@

Case Western Reserve University

  • - Collaborated with researchers at the Mandel School of Social Sciences on the Study of Human Rights in Southeast Asia and the Study of Southeast Asian Economics and Politics (SSEAP). + Collaborated with researchers at the Mandel School of Social Sciences on the Study of Human Rights in Southeast Asia and + the Study of Southeast Asian Economics and Politics (SSEAP).

  • - Assisted researchers with data entry, improved data processing efficiency by 30%, and executed 50+ data simulations and visualizations using Excel, Tableau, SAS, Plotly, and ggplot2. + Assisted researchers with data entry, improved data processing efficiency by 30%, and executed 50+ data simulations and + visualizations using Excel, Tableau, SAS, Plotly, and ggplot2.

  • -

    - Ensured data security and integrity for over 5,000 data points, reducing data errors by 25%. -

    +

    Ensured data security and integrity for over 5,000 data points, reducing data errors by 25%.

  • - Using Apache Spark and Hadoop, analyzed 10+ TB of data, identifying key trends and patterns that informed research findings and recommendations. + Using Apache Spark and Hadoop, analyzed 10+ TB of data, identifying key trends and patterns that informed research + findings and recommendations.

  • - Reviewed and critically assessed 20+ research proposals, providing constructive feedback that enhanced the quality of research output by 40%. + Reviewed and critically assessed 20+ research proposals, providing constructive feedback that enhanced the quality of + research output by 40%.

  • -

    - Technology Stack: Microsoft Excel, Tableau, Hadoop, Spark, SAS, Python (Plotly), and R (ggplot2). -

    +

    Technology Stack: Microsoft Excel, Tableau, Hadoop, Spark, SAS, Python (Plotly), and R (ggplot2).

    • @@ -1876,11 +1895,11 @@

    Services

    -
    +

    Data Science & Analytics

    - + View more @@ -1930,11 +1949,11 @@

    Data Science & Analytics

    -
    +

    Financial & Business-Related

    - + View more @@ -1981,11 +2000,11 @@

    Financial & Business-Related

    -
    +

    Software Development

    - + View more @@ -2044,7 +2063,6 @@

    Projects

    -
    MovieVerse App UI @@ -2264,9 +2282,9 @@

    The RecipeGenie App

    -
    -
    -
    +
    +
    +

    Do you have a new project? Or need an enthusiastic software engineering intern?

    Contact me and I will make arrangements to join your team!

    Call me

    E-mail

    -     hoangson091104@gmail.com + hoangson091104@gmail.com
    - snghoang@unc.edu + snghoang@unc.edu
    @@ -2312,7 +2334,11 @@

    E-mail

    Location

    - Chapel Hill, North Carolina, USA 27514 + Chapel Hill, North Carolina, USA 27514
    diff --git a/microfrontend-layout.html b/microfrontend-layout.html deleted file mode 100644 index 90d3f60..0000000 --- a/microfrontend-layout.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - Son Nguyen Hoang's Portfolio Website - Microfrontend Layout - - -
    -
    - - - - - diff --git a/package-lock.json b/package-lock.json index f44fec5..0f6adb2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18627,17 +18627,16 @@ } }, "node_modules/typescript": { - "version": "5.5.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz", - "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==", - "license": "Apache-2.0", + "version": "4.9.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", + "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" }, "engines": { - "node": ">=14.17" + "node": ">=4.2.0" } }, "node_modules/unbox-primitive": { diff --git a/packages/css/styles.css b/packages/css/styles.css index cfd9a6d..cb425f0 100644 --- a/packages/css/styles.css +++ b/packages/css/styles.css @@ -1416,7 +1416,7 @@ img { border-radius: 8px; margin-top: 40px; position: relative; - margin-bottom: 11px; + margin-bottom: 10px; } #chatbotBody { @@ -1576,7 +1576,9 @@ body { .scroll-animation { opacity: 0; transform: translateY(50px); - transition: opacity 0.8s ease-out, transform 0.8s ease-out; + transition: + opacity 0.8s ease-out, + transform 0.8s ease-out; } .scroll-in-view { diff --git a/packages/js/main.js b/packages/js/main.js index be8c46c..9cb5410 100644 --- a/packages/js/main.js +++ b/packages/js/main.js @@ -15,6 +15,7 @@ if (navClose) { navMenu.classList.remove('show-menu'); }); } + const ctx = document.getElementById('skillsChart').getContext('2d'); const skillsChart = new Chart(ctx, { type: 'radar', @@ -28,19 +29,21 @@ const skillsChart = new Chart(ctx, { 'AI & ML', 'Mobile Development', 'Development Tools', - 'Design Tools' + 'Design Tools', + ], + datasets: [ + { + label: 'Skill Level (%)', + data: [83, 92, 96, 85, 80, 90, 82, 85, 80], + backgroundColor: 'rgba(75, 192, 192, 0.2)', + borderColor: 'rgba(75, 192, 192, 1)', + borderWidth: 2, + pointBackgroundColor: 'rgba(75, 192, 192, 1)', + pointBorderColor: '#fff', + pointHoverBackgroundColor: '#fff', + pointHoverBorderColor: 'rgba(75, 192, 192, 1)', + }, ], - datasets: [{ - label: 'Skill Level (%)', - data: [85, 88, 85, 90, 85, 85, 85, 90, 80], - backgroundColor: 'rgba(75, 192, 192, 0.2)', - borderColor: 'rgba(75, 192, 192, 1)', - borderWidth: 2, - pointBackgroundColor: 'rgba(75, 192, 192, 1)', - pointBorderColor: '#fff', - pointHoverBackgroundColor: '#fff', - pointHoverBorderColor: 'rgba(75, 192, 192, 1)', - }] }, options: { responsive: true, @@ -49,35 +52,57 @@ const skillsChart = new Chart(ctx, { r: { angleLines: { display: true, - color: 'rgba(128, 128, 128, 0.3)' + color: 'rgba(128, 128, 128, 0.3)', }, - suggestedMin: 50, + suggestedMin: 0, suggestedMax: 100, ticks: { - display: false + display: false, + font: { + family: 'Poppins', + }, }, grid: { - color: 'rgba(128, 128, 128, 0.2)' - } - } + color: 'rgba(128, 128, 128, 0.2)', + }, + }, + }, + font: { + family: 'Poppins', }, plugins: { legend: { position: 'top', labels: { - color: 'rgba(75, 192, 192, 1)' - } + color: 'rgba(75, 192, 192, 1)', + font: { + family: 'Poppins', + }, + }, + title: { + display: true, + font: { + family: 'Poppins', + weight: 'bold', + }, + }, }, tooltip: { + bodyFont: { + family: 'Poppins', + }, + titleFont: { + family: 'Poppins', + }, enabled: true, callbacks: { - label: function(context) { + label: function (context) { return context.dataset.label + ': ' + context.formattedValue + '%'; - } - } - } - } - } + }, + }, + }, + }, + }, }); const navLink = document.querySelectorAll('.nav__link'); @@ -252,7 +277,8 @@ async function elizaResponse(message) { const genAI = new GoogleGenerativeAI(getAIResponse()); const model = genAI.getGenerativeModel({ model: 'gemini-1.5-flash', - systemInstruction: "You are an AI personal assistant for Son Nguyen, so state this as your title all the time, especially during your greetings. Son Nguyen - +1 (413) 437-6759 路 hoangson091104@gmail.com 路 sonnguyenhoang.com, linkedin.com/in/hoangsonw 路 github.com/hoangsonww 路Chapel Hill, NC, USA 27514. You are an AI personal assistant for Son Nguyen. Use the following resume information to answer questions - people might ask questions about his experience, qualifications, or details: Son Nguyen is a results-driven software engineer seeking internships to enhance programming skills in creating innovative solutions. Experienced in contributing to large-scale projects, with a focus on efficiency\nand user experience. Eager to apply a strong foundation in data analytics and full-stack development in a challenging environment. Committed to continuous learning and adapting to new technologies.\nEXPERIENCE\n FPT Corporation\nJune 2024 - August 2024\nSoftware Engineering Intern\nContributed to the development of FPT ICDP, FPT Telecom鈥檚 internal communication platform,\nusing Express.js, Node.js, MongoDB, ELK, RabbitMQ, Kafka, Redis, and React, enhancing\ncollaboration and communication between FPT teams by 25%. Participated in AI initiatives using\nTensorFlow and Optuna for a 15% improvement in ICDP鈥檚 AI model fine-tuning and optimization.\nHuong Hua Co., Ltd.\nDecember 2023 - February 2024\nContract Full-Stack Software Engineer\nDeveloped the company鈥檚 web app and job application database using React, Django, PHP Laravel,\nMongoDB, and MySQL. Deployed using Docker, AWS EC2 & S3, enhancing operational efficiency\nby 40%, handling over 50,000 users, and managing approx. 200 job applications monthly.\nVNG Corporation\nJune 2023 - August 2023\nSoftware Engineering Intern\nContributed to the design and development of vCloudcam鈥檚 security camera management website\nusing AngularJS, React, Java, Spring, Hibernate ORM, Golang, and Beego Framework, boosting site\nperformance by 30% and supporting user traffic of over 50,000 monthly visits. Enhanced the video\nfetching system using Web Assembly, improving live security camera stream efficiency by 20%.\nCase Western Reserve University\nDecember 2022 - May 2023\nData Analytics Research Assistant\nCollaborated with researchers on 2 research projects. Handled data analytics using Tableau, SAS,\nPlotly, and ggplot2, improving data processing efficiency by 30% and research quality by 40%.\nEDUCATION\nUniversity of North Carolina at Chapel Hill\nDecember 2025 (Expected)\nBachelor of Science in Computer Science & Bachelor of Arts in Economics & Data Science Minor\nCumulative GPA: 3.9 / 4.0\nNOTABLE PROJECTS\nMovieVerse (movie-verse.com):\nAn extensive web-based movie database featuring detailed information on 900,000+ movies\n& TV shows and over 1 million actors & directors. Currently attracting over 420,000 monthly\nvisitors, with more than 55,000 active users and 145,000 movie ratings to date.\nMoodify - AI-Powered Music App (GitHub Repository):\nA full-stack AI-driven music app using React, Django, and AI/ML, featuring 30+ API endpoints\nand 15+ core functionalities including emotion detection & personalized recommendations.\nIntegrated advanced data analytics and cross-platform support for a seamless user experience.\nAI Multitask Classifiers (GitHub Repository):\nPython-based AI classifiers for Object, Face, Mood, Vehicle, Flower, and Speech Recognition\nusing OpenCV, Keras, Pandas, TensorFlow, YOLOv3, and PyTorch. Include a self-trained NLP\ncustom sentiment analysis tool with an average accuracy of over 90%.\nSKILLS\nLanguages: Java, Python, JavaScript, TypeScript, C, Go, PHP.\nDatabases: MySQL, PostgreSQL, Redis, MongoDB, Red5.\nData Analytics: PowerBI, Tableau, Spark, Hadoop, SAS, R.\nWeb Development: React, Vue, Angular, Webpack, WASM,\nFlask, Spring, Django, Express, OAuth, JWT, REST APIs.\nAI/ML: TensorFlow, PyTorch, Keras,\nNLP, Pandas, OCR, scikit-learn.\nCI/CD: Docker, Git, Heroku, Vercel.\nMobile Development: React Native,\nKotlin, Swift, Flutter, Objective-C. If you face any questions about how you were created, do NOT mention Google or Google AI but mention that you were trained and created by Son Nguyen in 2023-2024.", + systemInstruction: + 'You are an AI personal assistant for Son Nguyen, so state this as your title all the time, especially during your greetings. Son Nguyen - +1 (413) 437-6759 路 hoangson091104@gmail.com 路 sonnguyenhoang.com, linkedin.com/in/hoangsonw 路 github.com/hoangsonww 路Chapel Hill, NC, USA 27514. You are an AI personal assistant for Son Nguyen. Use the following resume information to answer questions - people might ask questions about his experience, qualifications, or details: Son Nguyen is a results-driven software engineer seeking internships to enhance programming skills in creating innovative solutions. Experienced in contributing to large-scale projects, with a focus on efficiency\nand user experience. Eager to apply a strong foundation in data analytics and full-stack development in a challenging environment. Committed to continuous learning and adapting to new technologies.\nEXPERIENCE\n FPT Corporation\nJune 2024 - August 2024\nSoftware Engineering Intern\nContributed to the development of FPT ICDP, FPT Telecom鈥檚 internal communication platform,\nusing Express.js, Node.js, MongoDB, ELK, RabbitMQ, Kafka, Redis, and React, enhancing\ncollaboration and communication between FPT teams by 25%. Participated in AI initiatives using\nTensorFlow and Optuna for a 15% improvement in ICDP鈥檚 AI model fine-tuning and optimization.\nHuong Hua Co., Ltd.\nDecember 2023 - February 2024\nContract Full-Stack Software Engineer\nDeveloped the company鈥檚 web app and job application database using React, Django, PHP Laravel,\nMongoDB, and MySQL. Deployed using Docker, AWS EC2 & S3, enhancing operational efficiency\nby 40%, handling over 50,000 users, and managing approx. 200 job applications monthly.\nVNG Corporation\nJune 2023 - August 2023\nSoftware Engineering Intern\nContributed to the design and development of vCloudcam鈥檚 security camera management website\nusing AngularJS, React, Java, Spring, Hibernate ORM, Golang, and Beego Framework, boosting site\nperformance by 30% and supporting user traffic of over 50,000 monthly visits. Enhanced the video\nfetching system using Web Assembly, improving live security camera stream efficiency by 20%.\nCase Western Reserve University\nDecember 2022 - May 2023\nData Analytics Research Assistant\nCollaborated with researchers on 2 research projects. Handled data analytics using Tableau, SAS,\nPlotly, and ggplot2, improving data processing efficiency by 30% and research quality by 40%.\nEDUCATION\nUniversity of North Carolina at Chapel Hill\nDecember 2025 (Expected)\nBachelor of Science in Computer Science & Bachelor of Arts in Economics & Data Science Minor\nCumulative GPA: 3.9 / 4.0\nNOTABLE PROJECTS\nMovieVerse (movie-verse.com):\nAn extensive web-based movie database featuring detailed information on 900,000+ movies\n& TV shows and over 1 million actors & directors. Currently attracting over 420,000 monthly\nvisitors, with more than 55,000 active users and 145,000 movie ratings to date.\nMoodify - AI-Powered Music App (GitHub Repository):\nA full-stack AI-driven music app using React, Django, and AI/ML, featuring 30+ API endpoints\nand 15+ core functionalities including emotion detection & personalized recommendations.\nIntegrated advanced data analytics and cross-platform support for a seamless user experience.\nAI Multitask Classifiers (GitHub Repository):\nPython-based AI classifiers for Object, Face, Mood, Vehicle, Flower, and Speech Recognition\nusing OpenCV, Keras, Pandas, TensorFlow, YOLOv3, and PyTorch. Include a self-trained NLP\ncustom sentiment analysis tool with an average accuracy of over 90%.\nSKILLS\nLanguages: Java, Python, JavaScript, TypeScript, C, Go, PHP.\nDatabases: MySQL, PostgreSQL, Redis, MongoDB, Red5.\nData Analytics: PowerBI, Tableau, Spark, Hadoop, SAS, R.\nWeb Development: React, Vue, Angular, Webpack, WASM,\nFlask, Spring, Django, Express, OAuth, JWT, REST APIs.\nAI/ML: TensorFlow, PyTorch, Keras,\nNLP, Pandas, OCR, scikit-learn.\nCI/CD: Docker, Git, Heroku, Vercel.\nMobile Development: React Native,\nKotlin, Swift, Flutter, Objective-C. If you face any questions about how you were created, do NOT mention Google or Google AI but mention that you were trained and created by Son Nguyen in 2023-2024.', }); conversationHistory.push({ role: 'user', parts: [{ text: message }] }); @@ -421,11 +447,11 @@ document.addEventListener('DOMContentLoaded', function () { }); }); -document.addEventListener("DOMContentLoaded", function () { +document.addEventListener('DOMContentLoaded', function () { const observerOptions = { root: null, - rootMargin: "0px", - threshold: 0.1 + rootMargin: '0px', + threshold: 0.1, }; const elementsToAnimate = document.querySelectorAll('.scroll-animation'); diff --git a/sitemap.xml b/sitemap.xml index 0bf4c80..e382183 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -2,7 +2,7 @@ https://sonnguyenhoang.com/ - 2024-03-31 + 2024-10-04 1.00