Merge pull request #469 from DeKal/feature/update_portfolio

Fix about me info, navbar, logo and add new certs

.circleci/config.yml

@@ -7,7 +7,7 @@ jobs:
   build:
     docker:
       # specify the version you desire here
-      - image: circleci/node:12
+      - image: cimg/node:18.19.1
 
       # Specify service dependencies here if necessary
       # CircleCI maintains a library of pre-built images

.github/workflows/ci.yml

@@ -10,10 +10,10 @@ jobs:
         LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 10.x
+      - name: Use Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 10.x
+          node-version: 18.x
       - name: npm install, build
         run: |
           npm install

.github/workflows/main.yml

@@ -11,10 +11,10 @@ jobs:
       LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 10.x
+      - name: Use Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 10.x
+          node-version: 18.x
       - name: npm install, build
         run: |
           npm install

.npmrc

@@ -0,0 +1 @@
+node-options="--openssl-legacy-provider"

.scrutinizer.yml

@@ -1,7 +1,7 @@
 build:
   environment:
     node:
-      version: 12.11.1
+      version: v16.20.2
   nodes:
     analysis:
       tests:

modules/home/components/__test__/__snapshots__/Contact.spec.tsx.snap

@@ -99,9 +99,9 @@ exports[`Footer should render without throwing an error 1`] = `
                         <Logo>
                           <Logo__Container>
                             <div
-                              className="Logo__Container-sc-3ksn80-0 hnaXbJ"
+                              className="Logo__Container-sc-3ksn80-0 lesJfv"
                             >
-                              JD
+                              ☎️
                             </div>
                           </Logo__Container>
                         </Logo>

modules/home/components/__test__/__snapshots__/Navbar.spec.tsx.snap

@@ -292,7 +292,7 @@ exports[`Navbar should render without throwing an error 1`] = `
                                   <span
                                     className="NavLogo__LogoText-sc-100re03-1 haQzGG"
                                   >
-                                    JD
+                                    PH
                                   </span>
                                 </NavLogo__LogoText>
                               </a>

modules/home/components/certification/CertInfo.js

@@ -55,4 +55,10 @@ const Image = styled.img`
 `
 const Text = styled.p`
   font-size: 13px;
+
+  a {
+    font-size: 13px;
+    color: white;
+    text-decoration: underline;
+  }
 `

modules/home/components/contact/Logo.js

@@ -1,13 +1,13 @@
 import React from 'react'
 import styled from 'styled-components/macro'
 
-const Logo = () => <Container>JD</Container>
+const Logo = () => <Container>☎️</Container>
 
 const Container = styled.div`
   display: inline-block;
   color: ${props => props.theme.colors.colorAccent};
-  font-size: 80px;
-  line-height: 60px;
+  font-size: 45px;
+  line-height: 45px;
   letter-spacing: -5px;
   font-family: ${props => props.theme.fonts.fontSans};
   font-weight: bold;

modules/home/components/nav/NavLogo.js

@@ -3,7 +3,7 @@ import styled from 'styled-components/macro'
 
 const NavLogo = () => (
   <Logo href="https://github.com/DeKal/portfolio-next-js">
-    <LogoText>JD</LogoText>
+    <LogoText>PH</LogoText>
   </Logo>
 )
 

modules/home/components/nav/__test__/NavLogo.spec.tsx

@@ -8,7 +8,7 @@ import NavLogo from '~/modules/home/components/nav/NavLogo'
 describe('Nav Logo', () => {
   it('should render without throwing an error', function() {
     const wrap = mountWithTheme(<NavLogo />)
-    expect(wrap.find('span').text()).toBe('JD')
+    expect(wrap.find('span').text()).toBe('PH')
 
     expect(shallowWithTheme(<NavLogo />)).toMatchSnapshot()
   })

modules/home/components/nav/__test__/__snapshots__/NavContent.spec.tsx.snap

@@ -42,7 +42,7 @@ exports[`Nav Content should render with isShowNavContent disable 1`] = `
                             <span
                               className="NavLogo__LogoText-sc-100re03-1 haQzGG"
                             >
-                              JD
+                              PH
                             </span>
                           </NavLogo__LogoText>
                         </a>
@@ -491,7 +491,7 @@ exports[`Nav Content should render with isShowNavContent enable 1`] = `
                             <span
                               className="NavLogo__LogoText-sc-100re03-1 haQzGG"
                             >
-                              JD
+                              PH
                             </span>
                           </NavLogo__LogoText>
                         </a>

modules/home/components/nav/__test__/__snapshots__/NavLogo.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`Nav Logo should render without throwing an error 1`] = `
   href="https://github.com/DeKal/portfolio-next-js"
 >
   <NavLogo__LogoText>
-    JD
+    PH
   </NavLogo__LogoText>
 </NavLogo__Logo>
 `;

modules/home/consts/certification.js

@@ -5,6 +5,18 @@ export const INFO = [
     coverMobile: '/images/certs/graduation-mobile.webp',
     cover: '/images/certs/graduation.webp'
   },
+  {
+    title: 'AwsCloudPratitioner',
+    content: 'AwsCloudPratitionerContent',
+    coverMobile: '/images/certs/graduation-mobile.webp',
+    cover: '/images/certs/graduation.webp'
+  },
+  {
+    title: 'AwsSolutionArchitectAssociate',
+    content: 'AwsSolutionArchitectAssociateContent',
+    coverMobile: '/images/certs/graduation-mobile.webp',
+    cover: '/images/certs/graduation.webp'
+  },
   {
     title: 'CertCom',
     content: 'CertContentComm',

package.json

@@ -21,7 +21,7 @@
     "jquery": "3.5.1",
     "next": "9.3.6",
     "next-pwa": "5.0.1",
-    "node-sass": "5.0.0",
+    "node-sass": "^9.0.0",
     "react": "16.14.0",
     "react-bootstrap": "1.0.1",
     "react-dom": "16.14.0",

public/translations/en.json

@@ -10,8 +10,12 @@
   "CertContentSPrize": "Got second prize for the competitive algorithm contest of the university.",
   "CertFPrize": "First place (2011)",
   "CertContentFPrize": "Highschool, got First prize for the competitive algorithm contest of the city.",
+  "AwsCloudPratitioner": "AWS Certified Cloud Pratitioner",
+  "AwsCloudPratitionerContent": "<a href=\"https://www.credly.com/badges/9a029de9-a984-42d3-bc0d-5810ec42e49d/public_url\" target=\"_blank\">Click Here for viewing the cert</a>",
+  "AwsSolutionArchitectAssociate": "AWS Certified Solutions Architect – Associate",
+  "AwsSolutionArchitectAssociateContent": "<a href=\"https://www.credly.com/badges/dbd8fac9-4fa7-4f2f-9c78-dce2d3b4d856/public_url\" target=\"_blank\">Click Here for viewing the cert</a>",
   "Name": "Phat Ho",
-  "Job": "Fullstack Developer",
+  "Job": "Backend Engineer",
   "english": "english",
   "vietnamese": "vietnamese",
   "Menu": "Menu",
@@ -24,12 +28,12 @@
   "Projects": "Projects",
   "Contacts": "Contacts",
   "About me": "About me",
-  "About Me: Subtext": "Yikes!! Skip it if you&apos;re bored!!",
-  "About me: Card Info Mobile Verse 1": "Fullstack Software Engineer. 5+ years of algorithm background since high school. 4+ years of experience specializing in frontend/backend development, infras‐ tructure automation, and microservices. Interested in devising a better problem‐solving method for challenging tasks, and learning new technologies and tools if the need arises.",
-  "About me: Card Info Verse 1": "Fullstack Software Engineer. 5+ years of algorithm background since high school. 4+ years of experience specializing in frontend/backend development, infras‐ tructure automation, and microservices. Interested in devising a better problem‐solving method for challenging tasks, and learning new technologies and tools if the need arises. With a wide range of experiences in web framework backing up by 5 years of pursuing the competitive programming, I have the confidence that I can adapt to any languages, frameworks, or complicated system in a short period of time. I am a fast-learner and can be in charge the role of team leader when push comes to shove. On the other hand, I can communicate effectively in English as my secondary language.",
+  "About Me: Subtext": "Professional Bug Fixer :)",
+  "About me: Card Info Mobile Verse 1": "Technical Lead at NAB, working on developing the brand-new centralized and integrated platform supporting NAB internal bankers with their daily Credit Activities workload. 5+ years of algorithm background since high school. 7+ years of experience specializing in Backend development, infrastructure automation, and microservices. Super interest in solution design and performance optimization to meet customer needs.",
+  "About me: Card Info Verse 1": "Technical Lead at NAB. 7+ years of experience specializing in backend development, infras‐ tructure automation, and microservices. Interested in devising a better problem‐solving method for challenging tasks, and learning new technologies and tools if the need arises. With a wide range of experiences in web framework backing up by 5 years of pursuing the competitive programming, I have the confidence that I can adapt to any languages, frameworks, or complicated system in a short period of time. I am a fast-learner and can be in charge the role of team leader when push comes to shove. On the other hand, I can communicate effectively in English as my secondary language.",
   "About me: Card Info Quote": "Where there&apos;s a will, there&apos;s a way",
   "About me: Card Info Verse 2": "I have the believe that all the problems in the world will be solved as long as you keep the positive mental attitude and a cold head.",
-  "About me: Current status": "Available for Freelance job",
+  "About me: Current status": "Focus on my current carrer only.",
   "Contact: Header 1": "Contact information?",
   "Contact: Header 2": "My pleasure to meet you!!",
   "Contact: Description 1": "Do you need a professional for lending a hand?",

public/translations/vn.json

@@ -10,8 +10,12 @@
   "CertContentSPrize": "Giành Huy chương bạc trong cuộc thi thuật toán của trường đại học.",
   "CertFPrize": "Huy chương vàng (2011)",
   "CertContentFPrize": "Giành Huy chương vàng trong cuộc thi thuật toán cấp thành phố khi còn học phổ thông.",
+  "AwsCloudPratitioner": "AWS Certified Cloud Pratitioner",
+  "AwsCloudPratitionerContent": "<a href=\"https://www.credly.com/badges/9a029de9-a984-42d3-bc0d-5810ec42e49d/public_url\" target=\"_blank\">Bấm vào đây để xem Cert</a>",
+  "AwsSolutionArchitectAssociate": "AWS Certified Solutions Architect – Associate",
+  "AwsSolutionArchitectAssociateContent": "<a href=\"https://www.credly.com/badges/dbd8fac9-4fa7-4f2f-9c78-dce2d3b4d856/public_url\" target=\"_blank\">Bấm vào đây để xem Cert</a>",
   "Name": "Phát Hồ",
-  "Job": "Lập trình viên Fullstack",
+  "Job": "Lập trình viên Backend",
   "english": "Tiếng Anh",
   "vietnamese": "Tiếng Việt",
   "Menu": "Mục lục",
@@ -23,13 +27,13 @@
   "Certifications": "Chứng chỉ",
   "Projects": "Dự án",
   "Contacts": "Liên lạc",
-  "About me": "Tự sự",
+  "About me": "Giới Thiệu",
   "About Me: Subtext": "Đôi điều về bản thân",
-  "About me: Card Info Mobile Verse 1": "Là một lập trình viên Fullstack với hơn 5 năm kinh nghiệm về lập trình thuật toán từ trung học cơ sở, và hơn 4 năm kinh nghiệm chuyên môn hoá với lập trình web, CI/CD, IAC, và microservices. Mình cực kì hứng thú với việc nghiên cứu nhiều công nghệ và công cụ lập trình mới và suy nghĩ về nhiều cách để cải tiến hoàn thiện phần mềm và quy trình phần mềm.",
-  "About me: Card Info Verse 1": "Là một lập trình viên Fullstack với hơn 5 năm kinh nghiệm về lập trình thuật toán từ trung học cơ sở, và hơn 4 năm kinh nghiệm chuyên môn hoá với lập trình web, CI/CD, IAC, và microservices. Mình cực kì hứng thú với việc nghiên cứu nhiều công nghệ và công cụ lập trình mới và suy nghĩ về nhiều cách để cải tiến hoàn thiện phần mềm và quy trình phần mềm. Với những kinh nghiệm thực tiễn dày dặn về xây dựng website cùng với 5 năm nghiên cứu về thi đấu giải thuật, mình tự tin rằng bản thân có thể làm được bất cứ ngôn ngữ hoặc framework bất kì trong một thời gian ngắn. Và vì vậy, mình là môt người học rất nhanh, và mình có thể nắm lấy vị trí leader nhóm khi cần thiết. Ngoài ra, mình tự tin rằng có thể giao tiếp Tiếng Anh một cách hiệu quả.",
+  "About me: Card Info Mobile Verse 1": "Là một lập trình viên Backend với hơn 5 năm kinh nghiệm về lập trình thuật toán từ trung học cơ sở, và hơn 7 năm kinh nghiệm chuyên môn hoá với lập trình web, CI/CD, IAC, và microservices. Mình cực kì hứng thú với việc nghiên cứu nhiều công nghệ và công cụ lập trình mới và suy nghĩ về nhiều cách để cải tiến hoàn thiện phần mềm và quy trình phần mềm.",
+  "About me: Card Info Verse 1": "Là một lập trình viên Backend với hơn 5 năm kinh nghiệm về lập trình thuật toán từ trung học cơ sở, và hơn 7 năm kinh nghiệm chuyên môn hoá với lập trình web, CI/CD, IAC, và microservices. Mình cực kì hứng thú với việc nghiên cứu nhiều công nghệ và công cụ lập trình mới và suy nghĩ về nhiều cách để cải tiến hoàn thiện phần mềm và quy trình phần mềm. Với những kinh nghiệm thực tiễn dày dặn về xây dựng website cùng với 5 năm nghiên cứu về thi đấu giải thuật, mình tự tin rằng bản thân có thể làm được bất cứ ngôn ngữ hoặc framework bất kì trong một thời gian ngắn. Và vì vậy, mình là môt người học rất nhanh, và mình có thể nắm lấy vị trí leader nhóm khi cần thiết. Ngoài ra, mình tự tin rằng có thể giao tiếp Tiếng Anh một cách hiệu quả.",
   "About me: Card Info Quote": "Có chí thì nên",
   "About me: Card Info Verse 2": "Mình xuất phát từ base số 0 (không biết gì về lập trình) cho tới khi đam mê nó, nên luôn tâm đắc 1 điều duy nhất này: có cố gắng thì sẽ nên chuyện.",
-  "About me: Current status": "Có Job gì hay thì hú mình nha !!!",
+  "About me: Current status": "Tập trung vào công việc hiện tại.",
   "Contact: Header 1": "Thông tin liên lạc?",
   "Contact: Header 2": "Thật vui khi bạn ghé qua!!",
   "Contact: Description 1": "Bạn có cần sự trợ giúp của một người chuyên nghiệp?",