creating react portfolio

src/components/About/About.js

@@ -22,7 +22,7 @@ function About() {
             }}
           >
             <h1 style={{ fontSize: "2.1em", paddingBottom: "20px" }}>
-              Know Who <strong className="purple">I'M</strong>
+              About <strong className="purple">Me</strong>
             </h1>
             <Aboutcard />
           </Col>
@@ -40,12 +40,8 @@ function About() {
 
         <Techstack />
 
-        <h1 className="project-heading">
-          <strong className="purple">Tools</strong> I use
-        </h1>
-        <Toolstack />
 
-        <Github />
+
       </Container>
     </Container>
   );

src/components/About/AboutCard.js

@@ -8,23 +8,23 @@ function AboutCard() {
       <Card.Body>
         <blockquote className="blockquote mb-0">
           <p style={{ textAlign: "justify" }}>
-            Hi Everyone, I am <span className="purple">Soumyajit Behera </span>
-            from <span className="purple"> Bhubaneswar, India.</span>
+            Hi, I am <span className="purple">Casey Soh </span>
             <br />
-            I am currently employed as a software developer at Juspay.
             <br />
-            I have completed Integrated MSc (IMSc) in Maths and Computing at BIT
-            Mesra.
+            I am a fresh graduate with a Master's degree in Applied Analytics and a Bachelor's degree in International Business and Management.
             <br />
             <br />
-            Apart from coding, some other activities that I love to do!
+            I specialize in data science and data analyze, including computer vision, natural language processing (NLP), and machine learning.
+            <br />
+            <br />
+            Outside of my technical interests, I enjoy:
           </p>
           <ul>
             <li className="about-activity">
-              <ImPointRight /> Playing Games
+              <ImPointRight /> Spending time with my dogs
             </li>
             <li className="about-activity">
-              <ImPointRight /> Writing Tech Blogs
+              <ImPointRight /> Swimming/Running
             </li>
             <li className="about-activity">
               <ImPointRight /> Travelling

src/components/About/Techstack.js

@@ -1,71 +1,60 @@
 import React from "react";
 import { Col, Row } from "react-bootstrap";
-import { CgCPlusPlus } from "react-icons/cg";
 import {
-  DiJavascript1,
-  DiReact,
-  DiNodejs,
-  DiMongodb,
   DiPython,
   DiGit,
-  DiJava,
+  DiDocker,
+  DiMysql,
+  DiPostgresql,
 } from "react-icons/di";
 import {
-  SiRedis,
-  SiFirebase,
-  SiNextdotjs,
-  SiSolidity,
-  SiPostgresql,
+  SiPytorch,
+  SiTensorflow,
+  SiGooglecloud,
+  SiTableau,
+  SiPowerbi,
+  SiPostman,
 } from "react-icons/si";
-import { TbBrandGolang } from "react-icons/tb";
 
 function Techstack() {
   return (
     <Row style={{ justifyContent: "center", paddingBottom: "50px" }}>
       <Col xs={4} md={2} className="tech-icons">
-        <CgCPlusPlus />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <DiJavascript1 />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <TbBrandGolang />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <DiNodejs />
+        <DiPython />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <DiReact />
+        <SiPytorch />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiSolidity />
+        <SiTensorflow />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <DiMongodb />
+        <DiGit />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiNextdotjs />
+        <DiDocker />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <DiGit />
+        <DiPostgresql />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiFirebase />
+        <DiMysql />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiRedis />
+        <SiPowerbi />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiPostgresql />
+        <SiTableau />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <DiPython />
+        <SiGooglecloud />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <DiJava />
+        <SiPostman />
       </Col>
     </Row>
   );
 }
 
 export default Techstack;
+

src/components/Home/Home.js

@@ -22,7 +22,7 @@ function Home() {
 
               <h1 className="heading-name">
                 I'M
-                <strong className="main-name"> SOUMYAJIT BEHERA</strong>
+                <strong className="main-name"> Casey Soh</strong>
               </h1>
 
               <div style={{ padding: 50, textAlign: "left" }}>

src/components/Home/Home2.js

@@ -16,40 +16,38 @@ function Home2() {
         <Row>
           <Col md={8} className="home-about-description">
             <h1 style={{ fontSize: "2.6em" }}>
-              LET ME <span className="purple"> INTRODUCE </span> MYSELF
+            LET ME <span className="purple"> INTRODUCE </span> MYSELF
             </h1>
             <p className="home-about-body">
-              I fell in love with programming and I have at least learnt
-              something, I think… 🤷‍♂️
+              I discovered my passion for data when I realized its power to uncover patterns,
+              drive decision-making, and tell compelling stories.
               <br />
-              <br />I am fluent in classics like
+              <br />I am proficient in
               <i>
-                <b className="purple"> C++, Javascript and Go. </b>
+                <b className="purple"> Python, SQL, and R </b>
               </i>
+              and experienced in using data science libraries and tools.
               <br />
               <br />
-              My field of Interest's are building new &nbsp;
+              My primary interests lie in
               <i>
-                <b className="purple">Web Technologies and Products </b> and
-                also in areas related to{" "}
-                <b className="purple">
-                  Blockchain.
-                </b>
+                <b className="purple"> Machine Learning, Natural Language Processing (NLP), and Computer Vision</b>,
+                along with applying advanced analytics to real-world business problems.
               </i>
               <br />
               <br />
-              Whenever possible, I also apply my passion for developing products
-              with <b className="purple">Node.js</b> and
+              I have hands-on experience building intelligent systems with
+              <b className="purple"> PyTorch, TensorFlow, and MLflow</b>, and deploying solutions using
               <i>
-                <b className="purple">
-                  {" "}
-                  Modern Javascript Library and Frameworks
-                </b>
+                <b className="purple"> Flask, Docker, and cloud platforms like Google Cloud</b>.
               </i>
-              &nbsp; like
+              <br />
+              <br />
+              I also enjoy developing end-to-end data pipelines and dashboards using tools like
               <i>
-                <b className="purple"> React.js and Next.js</b>
+                <b className="purple"> Power BI and Tableau</b>,
               </i>
+              turning data into insights for stakeholders.
             </p>
           </Col>
           <Col md={4} className="myAvtar">

src/components/Home/Type.js

@@ -6,10 +6,9 @@ function Type() {
     <Typewriter
       options={{
         strings: [
-          "Software Developer",
+          "Data Scientist",
+          "Data Analyst",
           "Freelancer",
-          "MERN Stack Developer",
-          "Open Source Contributor",
         ],
         autoStart: true,
         loop: true,