feat: update CV

Author: qitpydev

src/data.ts

@@ -88,7 +88,6 @@ const SkillsData = {
         }, {
             name: "Kubernetes",
             link: "https://kubernetes.io"
-        }, {
         }, {
             name: "Helm",
             link: "https://helm.sh/"
@@ -133,7 +132,6 @@ const SkillsData = {
         }, {
             name: "PlayFab",
             link: "https://playfab.com/"
-        }, {
         }, {
             name: "Velero",
             link: "https://velero.io/"
@@ -309,14 +307,45 @@ const CvIntro = [
     "As a Python DevOps Specialist, I bring a unique blend of programming prowess and infrastructure management expertise to the table.",
     "With a proven track record of optimizing software development and deployment processes, I am dedicated to streamlining operations, enhancing collaboration, and ensuring the reliability and scalability of complex systems.",
 ]
+/**
+ *         name: "Others",
+        items: [{
+            name: "ReactJS",
+            link: "https://www.heroku.com/"
+        }, {
+            name: "SpringBoot",
+            link: "https://spring.io/projects/spring-boot"
+        }, {
+            name: "AzureFunction",
+            link: "https://azure.microsoft.com/en-us/products/functions/"
+        }, {
+            name: "PlayFab",
+            link: "https://playfab.com/"
+        }, {
+        }, {
+            name: "Velero",
+            link: "https://velero.io/"
+        }, {
+            name: "NextJs",
+            link: "https://nextjs.org/"
+        }, {
+            name: "MicrosoftBotFramework",
+            link: "https://dev.botframework.com/"
+        }, {
+            name: "Android",
+            link: "https://www.android.com/"
+        }, {
+            name: "IOS",
+            link: ""
+        }],
+ */
 const CvSkill = {
-    main: ["Python-ecosystem", "DevOps", "AWS", "Kubernetes", "Terraform"],
-    others: ["ReactJs", "ReduxJs", "CI-CD", "Scrapy", "GitActions", "EKS", "ECR", "Microservices", "Shellscript", "Linux"]
+    main: ["Python-ecosystem", "DevOps", "AWS", "Kubernetes", "Terraform", "FastAPI", "Crawling", "Airflow", "Linux", "Docker",],
+    others: ["ReactJs", "SpringBoot", "Azure", "Microsoft Bot Framework", "Android", "IOS app"]
 }
 const CvEdu = [
     "Danang University of Science and Technology",
     "Time period: 2017-2022",
-    "(not graduated)",
 ]
 const CvCert = [
 ]

src/pages/Portfolio/features/PortfolioContent/Skill/Skill.tsx

@@ -25,10 +25,9 @@ function Skill(props) {
     <div className='portfolio-skill'>
         <div className="label-rotate">Skills</div>
         <SkillItem id={osElementId} label={SkillsData.os.name} skills={SkillsData.os.items} />
-        <SkillItem id={databaseElementId} label={SkillsData.database.name} skills={SkillsData.database.items} />
-        <SkillItem id={webElementId} label={SkillsData.web.name} skills={SkillsData.web.items} />
+        <SkillItem id={databaseElementId} label={SkillsData.web.name} skills={SkillsData.web.items} />
         <SkillItem id={devopsElementId} label={SkillsData.devops.name} skills={SkillsData.devops.items} />
-        <SkillItem id={toolElementId} label={SkillsData.tools.name} skills={SkillsData.tools.items} />
+        <SkillItem id={webElementId} label={SkillsData.python.name} skills={SkillsData.python.items} />
         <SkillItem id={otherElementId} label={SkillsData.others.name} skills={SkillsData.others.items} />
     </div>
   )

src/pages/Portfolio/features/components/CV/PersonalOverviewCv/PersonalOverviewCv.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import LabelLineDecor from '../components/LabelLineDecor/LabelLineDecor'
 import { CvIntro,
-  CvProsCons,
   CvSkill,
   CvEdu,
   CvCert } from '../../../../../../data';
@@ -17,16 +16,16 @@ function PersonalOverviewCv() {
           <p key={i}>{x}</p>
         )}
       </div>
-      <div className="personal-overview-cv__proscons">
+      {/* <div className="personal-overview-cv__proscons">
         <LabelLineDecor name="Pros & Cons" />
         <p>{CvProsCons.pros}</p>
         <p>{CvProsCons.cons.map(x => (<>
           {x} <br/>
         </>))}</p>
-      </div>
+      </div> */}
       <div className="personal-overview-cv__skill">
         <LabelLineDecor name="Skills" />
-        <p><b>Main skills: </b>{CvSkill.main.join(", ")}</p>
+        <p><b>Main: </b>{CvSkill.main.join(", ")}</p>
         <p><b>Others: </b>{CvSkill.others.join(", ")}</p>
       </div>
       <div className="personal-overview-cv__edu">