Dioman

.github/workflows/github-pages.yml

@@ -0,0 +1,53 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - master
+      - main
+      - dioman
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install deps
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./build
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

package.json

@@ -2,6 +2,7 @@
   "name": "portfolio",
   "version": "0.1.0",
   "private": true,
+  "homepage": ".",
   "dependencies": {
     "@react-pdf/renderer": "^2.2.0",
     "@testing-library/jest-dom": "^5.16.2",

src/components/About/About.js

@@ -24,7 +24,7 @@ function About() {
               }}
             >
               <h1 style={{ fontSize: "2.1em", paddingBottom: "20px" }}>
-                Know Who <strong className="purple">I'M</strong>
+                QUI <strong className="purple">SUIS-JE</strong>
               </h1>
               <Aboutcard />
             </Col>

src/components/About/AboutCard.js

@@ -8,37 +8,76 @@ function AboutCard() {
       <Card.Body>
         <blockquote className="blockquote mb-0">
           <p style={{ textAlign: "justify" }}>
-            Hi everyone! I’m <span className="purple">Soumyajit Behera</span>{" "}
-            from <span className="purple">Bhubaneswar, India</span>.
+            Bonjour à tous ! Je suis{" "}
+            <span className="purple">Dioman Diakite</span> originaire de{" "}
+            <span className="purple">Bamako, Mali</span>.
             <br />
-            I’m currently working as a{" "}
-            <span className="purple">Software Developer</span> at{" "}
-            <span className="purple">Juspay</span>.
-            <br />I hold an Integrated M.Sc. (IMSc) in{" "}
-            <span className="purple">Mathematics and Computing</span> from{" "}
-            <span className="purple">BIT Mesra</span>.
+            J'étudie actuellement le{" "}
+            <span className="purple">développement logiciel (L3)</span> à{" "}
+            <span className="purple">ESIIA</span>.
             <br />
+            Je suis titulaire d'un{" "}
+            <span className="purple">
+              Master 1 en Informatique de Gestion
+            </span>{" "}
+            (ESGIC, Bamako) et d'un{" "}
+            <span className="purple">
+              Bachelor en Informatique Réseaux et Sécurité
+            </span>{" "}
+            (École Racine, Marrakech).
             <br />
-            Outside of coding, I love engaging in activities that keep me
-            creative and inspired:
+            <br />
+            En dehors du code, j'ai développé une forte passion pour le{" "}
+            <span className="purple">trading</span>, et je suis convaincu que
+            les marchés financiers peuvent être un levier pour bâtir une
+            fortune.
+            <br />
+            <br />
+            Mon parcours a longtemps évité le développement. Après mon{" "}
+            <span className="purple">
+              bac en Sciences Exactes (2017, 13,78)
+            </span>
+            , je me suis orienté vers des filières où l'on codait peu :{" "}
+            <span className="purple">Informatique de Gestion</span>, puis{" "}
+            <span className="purple">Réseaux &amp; Sécurité</span>.
+            <br />
+            <br />
+            Le trading m'a amené à tester une stratégie manuelle avec un{" "}
+            <span className="purple">win rate d'environ 70%</span>. En voulant
+            automatiser, j'ai collecté beaucoup de données et j'ai découvert
+            ma passion pour la <span className="purple">data</span> et le
+            développement.
+            <br />
+            <br />
+            C'est dans cette optique que je me suis retrouvé en{" "}
+            <span className="purple">France</span> : je poursuis un{" "}
+            <span className="purple">bachelor en développement web</span> pour
+            consolider mes bases avant un{" "}
+            <span className="purple">master en Data</span>.
           </p>
 
           <ul>
             <li className="about-activity">
-              <ImPointRight /> Playing Games 🎮
+              <ImPointRight /> Parcours international :{" "}
+              <span className="purple">Mali - Maroc - France</span>
             </li>
             <li className="about-activity">
-              <ImPointRight /> Writing Tech Blogs ✍️
+              <ImPointRight /> Focus actuel :{" "}
+              <span className="purple">Développement + Data</span>
             </li>
             <li className="about-activity">
-              <ImPointRight /> Traveling and Exploring New Places 🌍
+              <ImPointRight /> Objectif :{" "}
+              <span className="purple">
+                Automatiser des stratégies de trading
+              </span>
             </li>
           </ul>
 
           <p style={{ color: "rgb(155 126 172)" }}>
-            "Strive to build things that make a difference!"{" "}
+            "Transformer la curiosité en compétences, et les données en
+            décisions."
           </p>
-          <footer className="blockquote-footer">Soumyajit</footer>
+          <footer className="blockquote-footer">Dioman</footer>
         </blockquote>
       </Card.Body>
     </Card>

src/components/About/Github.js

@@ -15,7 +15,7 @@ function Github() {
         Days I <strong className="purple">Code</strong>
       </h1>
       <GitHubCalendar
-        username="soumyajit4419"
+        username="diomandiakite92-ux"
         blockSize={30}
         blockMargin={10}
         color="#c084f5"

src/components/Footer.js

@@ -13,54 +13,34 @@ function Footer() {
   return (
     <Container fluid className="footer">
       <Row>
+
         <Col md="4" className="footer-copywright">
-          <h3>Designed and Developed by Soumyajit Behera</h3>
-        </Col>
-        <Col md="4" className="footer-copywright">
-          <h3>Copyright © {year} SB</h3>
+          <h3>Copyright © {year} DIOMAN DIAKITE</h3>
         </Col>
         <Col md="4" className="footer-body">
           <ul className="footer-icons">
             <li className="social-icons">
               <a
-                href="https://github.com/soumyajit4419"
+                href="https://github.com/diomandiakite92-ux/diomandiakite92-ux.github.io"
                 style={{ color: "white" }}
                 target="_blank" 
                 rel="noopener noreferrer"
               >
                 <AiFillGithub />
               </a>
             </li>
+
             <li className="social-icons">
               <a
-                href="https://twitter.com/Soumyajit4419"
-                style={{ color: "white" }}
-                target="_blank" 
-                rel="noopener noreferrer"
-              >
-                <AiOutlineTwitter />
-              </a>
-            </li>
-            <li className="social-icons">
-              <a
-                href="https://www.linkedin.com/in/soumyajit4419/"
+                href="https://www.linkedin.com/in/diomandiakite/"
                 style={{ color: "white" }}
                 target="_blank" 
                 rel="noopener noreferrer"
               >
                 <FaLinkedinIn />
               </a>
             </li>
-            <li className="social-icons">
-              <a
-                href="https://www.instagram.com/soumyajit4419"
-                style={{ color: "white" }}
-                target="_blank" 
-                rel="noopener noreferrer"
-              >
-                <AiFillInstagram />
-              </a>
-            </li>
+
           </ul>
         </Col>
       </Row>

src/components/Home/Home.js

@@ -22,15 +22,15 @@ function Home() {
           <Row>
             <Col md={7} className="home-header">
               <h1 style={{ paddingBottom: 15 }} className="heading">
-                Hi There!{" "}
+                Hey !{" "}
                 <span className="wave" role="img" aria-labelledby="wave">
                   👋🏻
                 </span>
               </h1>
 
               <h1 className="heading-name">
-                I'M
-                <strong className="main-name"> SOUMYAJIT BEHERA</strong>
+                JE SUIS
+                <strong className="main-name"> DIOMAN DIAKITE</strong>
               </h1>
 
               <div style={{ padding: 50, textAlign: "left" }}>
@@ -54,52 +54,35 @@ function Home() {
       <Container>
         <Row style={{ paddingTop: "50px", paddingBottom: "80px" }}>
           <Col md={12} className="home-about-social">
-            <h1>Find Me On</h1>
-            <p>
-              Feel free to <span className="purple">connect </span>with me
-            </p>
+            <h1>Retrouver moi sur</h1>
+
             <ul className="home-about-social-links">
               <li className="social-icons">
                 <a
-                  href="https://github.com/soumyajit4419"
+                  href="https://github.com/diomandiakite92-ux/diomandiakite92-ux.github.io"
                   target="_blank"
                   rel="noreferrer"
                   className="icon-colour  home-social-icons"
                 >
                   <AiFillGithub />
                 </a>
               </li>
+
               <li className="social-icons">
                 <a
-                  href="https://twitter.com/Soumyajit4419"
-                  target="_blank"
-                  rel="noreferrer"
-                  className="icon-colour  home-social-icons"
-                >
-                  <AiOutlineTwitter />
-                </a>
-              </li>
-              <li className="social-icons">
-                <a
-                  href="https://www.linkedin.com/in/soumyajit4419/"
+                  href="https://www.linkedin.com/in/diomandiakite"
                   target="_blank"
                   rel="noreferrer"
                   className="icon-colour  home-social-icons"
                 >
                   <FaLinkedinIn />
                 </a>
               </li>
-              <li className="social-icons">
-                <a
-                  href="https://www.instagram.com/soumyajit4419"
-                  target="_blank"
-                  rel="noreferrer"
-                  className="icon-colour home-social-icons"
-                >
-                  <AiFillInstagram />
-                </a>
-              </li>
+
             </ul>
+            <p>
+              N'hésitez pas à m'envoyer un <span className="purple"><a href="mailto:diomandiakite92@gmail.com">email</a></span>
+            </p>
           </Col>
         </Row>
       </Container>

src/components/Home/Home2.js

@@ -10,37 +10,43 @@ function Home2() {
         <Row>
           <Col md={8} className="home-about-description">
             <h1 style={{ fontSize: "2.6em" }}>
-              LET ME <span className="purple"> INTRODUCE </span> MYSELF
+            COMMENT ALLIER<span className="purple"> MES 2 </span> PASSIONS ? 
             </h1>
             <p className="home-about-body">
-              I’m a Software Engineer who loves transforming ideas into
-              reliable, scalable products. Over time, I’ve explored several
-              technologies and found my passion in building high-performance
-              systems and intuitive user experiences.
+              D’une part ayant toujours été passionné par l’informatique et 
+              d’autre part attiré par les marchés financiers depuis maintenant 3 ans. 
+              <br></br>
               <br />
+              La réponse a cette question m’a poussé à m’inscrire à un bachelor 
+              en développement afin de tirer le meilleur parti des des deux côtés 
+              sachant que plus de 80% des transactions sur les marchés financiers 
+              se font via des algorithmes de nos jours. 
+              J’aimerais me spécialiser en data sciences après ce bachelor.
               <br />
-              I’m proficient in
+              <br />
+              Je suis à l'aise avec 
               <i>
                 <b className="purple">
                   {" "}
-                  JavaScript, C++, Rust, Node.js, and Java{" "}
+                  Github/Gitlab, Node.js, JavaScript, TypeScript , HTML/CSS,  et les API.{" "}
                 </b>
               </i>
-              — and I enjoy working across both backend and frontend stacks.
+              Je développe des applications full-stack en m’appuyant sur des bases de données <b className="purple"> {" "}SQL et NoSQL.{" "} </b>
               <br />
               <br />
-              My key areas of interest include developing
+              J’accorde une importance particulière à la qualité du code
+              grâce aux tests API
               <i>
                 <b className="purple">
                   {" "}
-                  Web Applications, Blockchain Solutions,{" "}
+                  (Postman) et (Cypress){" "}
                 </b>
               </i>
-              and exploring new ways to bridge on-chain and off-chain systems.
+              pour les tests end-to-end.
               <br />
               <br />
-              Whenever possible, I love building projects with
-              <b className="purple"> Node.js </b> and modern frameworks like{" "}
+              Je gère également le déploiement d’applications web, notamment via Render. Je prends plaisir à créer des projets avec
+              <b className="purple"> Node.js </b> ainsi qu’avec des frameworks modernes tels que{" "}
               <i>
                 <b className="purple">React.js</b> and{" "}
                 <b className="purple">Next.js</b>.