From 6c8d09506642e578fca487f08bc0d54dbbc7d47a Mon Sep 17 00:00:00 2001
From: Orka Arnest Cruze <o.cruze@live.com>
Date: Sun, 12 Nov 2023 16:48:05 +0100
Subject: [PATCH] chore: prettier format tabWidth 4

---
 .prettierrc                             |   2 +-
 src/App.jsx                             |  80 +++----
 src/assets/fonts/fonts.scss             |  40 ++--
 src/assets/styles/css_reset.css         |  26 +--
 src/assets/styles/index.scss            |  40 ++--
 src/components/Cards/EducationCard.jsx  |  56 ++---
 src/components/Cards/ExperienceCard.jsx |  76 +++----
 src/components/Cards/ProjectCard.jsx    | 167 ++++++++-------
 src/components/Footer.jsx               |  91 ++++----
 src/components/Navbar.jsx               | 140 ++++++-------
 src/components/SkillsetSection.jsx      | 220 +++++++++----------
 src/data/education.json                 |  48 ++---
 src/data/experience.json                |  50 ++---
 src/data/projects.json                  |  72 +++----
 src/data/skills.json                    |  17 +-
 src/i18n.js                             |  33 ++-
 src/main.jsx                            |   8 +-
 src/pages/Home.jsx                      |  88 ++++----
 src/pages/Projects.jsx                  |  22 +-
 src/pages/Resume.jsx                    |  74 +++----
 src/translations/en.json                | 268 ++++++++++++------------
 src/translations/fr.json                | 268 ++++++++++++------------
 22 files changed, 954 insertions(+), 932 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index faa43c9..68cd27f 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,6 +1,6 @@
 {
   "$schema": "https://json.schemastore.org/prettierrc",
-  "tabWidth": 2,
+  "tabWidth": 4,
   "printWidth": 120,
   "trailingComma": "es5",
   "endOfLine": "auto"
diff --git a/src/App.jsx b/src/App.jsx
index 0141977..cd4561e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -11,49 +11,49 @@ const Projects = React.lazy(() => import("./pages/Projects"));
 const Resume = React.lazy(() => import("./pages/Resume"));
 
 const App = () => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  return (
-    <React.Suspense
-      fallback={
-        <main className="container text-center align-items-center">
-          <div className="row px-4">
-            <h1 className="ff-poppins fw-bold">{t("global.loading")}</h1>
-          </div>
-        </main>
-      }
-    >
-      <HashRouter>
-        <Navbar />
+    return (
+        <React.Suspense
+            fallback={
+                <main className="container text-center align-items-center">
+                    <div className="row px-4">
+                        <h1 className="ff-poppins fw-bold">{t("global.loading")}</h1>
+                    </div>
+                </main>
+            }
+        >
+            <HashRouter>
+                <Navbar />
 
-        <main className="container-xl">
-          <Routes>
-            <Route path="/" element={<Home />} />
-            <Route path="/resume" element={<Resume />} />
-            <Route path="/projects" element={<Projects />} />
-            <Route
-              path="*"
-              element={
-                <>
-                  <div className="container text-center">
-                    <h2>{t("pages.not_found.heading")}</h2>
-                    <p className="fs-5">
-                      <Link to="/" className="btn btn-primary py-2">
-                        <FontAwesomeIcon icon={faHome} />
-                        &nbsp;{t("pages.not_found.homepage_link_text")}
-                      </Link>
-                    </p>
-                  </div>
-                </>
-              }
-            />
-          </Routes>
-        </main>
+                <main className="container-xl">
+                    <Routes>
+                        <Route path="/" element={<Home />} />
+                        <Route path="/resume" element={<Resume />} />
+                        <Route path="/projects" element={<Projects />} />
+                        <Route
+                            path="*"
+                            element={
+                                <>
+                                    <div className="container text-center">
+                                        <h2>{t("pages.not_found.heading")}</h2>
+                                        <p className="fs-5">
+                                            <Link to="/" className="btn btn-primary py-2">
+                                                <FontAwesomeIcon icon={faHome} />
+                                                &nbsp;{t("pages.not_found.homepage_link_text")}
+                                            </Link>
+                                        </p>
+                                    </div>
+                                </>
+                            }
+                        />
+                    </Routes>
+                </main>
 
-        <Footer />
-      </HashRouter>
-    </React.Suspense>
-  );
+                <Footer />
+            </HashRouter>
+        </React.Suspense>
+    );
 };
 
 export default App;
diff --git a/src/assets/fonts/fonts.scss b/src/assets/fonts/fonts.scss
index 2312a91..1cf52b7 100644
--- a/src/assets/fonts/fonts.scss
+++ b/src/assets/fonts/fonts.scss
@@ -1,31 +1,31 @@
 @font-face {
-  font-display: swap;
-  font-family: "Raleway";
-  font-style: normal;
-  font-weight: 500;
-  src: url("/static/fonts/Raleway/raleway-v28-latin-500.woff2") format("woff2");
+    font-display: swap;
+    font-family: "Raleway";
+    font-style: normal;
+    font-weight: 500;
+    src: url("/static/fonts/Raleway/raleway-v28-latin-500.woff2") format("woff2");
 }
 
 @font-face {
-  font-display: swap;
-  font-family: "Raleway";
-  font-style: normal;
-  font-weight: 700;
-  src: url("/static/fonts/Raleway/raleway-v28-latin-700.woff2") format("woff2");
+    font-display: swap;
+    font-family: "Raleway";
+    font-style: normal;
+    font-weight: 700;
+    src: url("/static/fonts/Raleway/raleway-v28-latin-700.woff2") format("woff2");
 }
 
 @font-face {
-  font-display: swap;
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 400;
-  src: url("/static/fonts/Poppins/poppins-v20-latin-regular.woff2") format("woff2");
+    font-display: swap;
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 400;
+    src: url("/static/fonts/Poppins/poppins-v20-latin-regular.woff2") format("woff2");
 }
 
 @font-face {
-  font-display: swap;
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 700;
-  src: url("/static/fonts/Poppins/poppins-v20-latin-700.woff2") format("woff2");
+    font-display: swap;
+    font-family: "Poppins";
+    font-style: normal;
+    font-weight: 700;
+    src: url("/static/fonts/Poppins/poppins-v20-latin-700.woff2") format("woff2");
 }
diff --git a/src/assets/styles/css_reset.css b/src/assets/styles/css_reset.css
index 413cb4e..c0b4336 100644
--- a/src/assets/styles/css_reset.css
+++ b/src/assets/styles/css_reset.css
@@ -84,12 +84,12 @@ time,
 mark,
 audio,
 video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article,
@@ -103,10 +103,10 @@ hgroup,
 menu,
 nav,
 section {
-  display: block;
+    display: block;
 }
 body {
-  line-height: 1;
+    line-height: 1;
 }
 /* ol,
 ul {
@@ -114,16 +114,16 @@ ul {
 } */
 blockquote,
 q {
-  quotes: none;
+    quotes: none;
 }
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
-  content: "";
-  content: none;
+    content: "";
+    content: none;
 }
 table {
-  border-collapse: collapse;
-  border-spacing: 0;
+    border-collapse: collapse;
+    border-spacing: 0;
 }
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 55dd743..8223aae 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -18,33 +18,33 @@ $lightblue: #7fa3fa;
 
 html,
 body {
-  font-family:
-    "Raleway",
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    "Roboto",
-    "Oxygen",
-    "Ubuntu",
-    "Cantarell",
-    "Fira Sans",
-    "Droid Sans",
-    "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+    font-family:
+        "Raleway",
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        "Roboto",
+        "Oxygen",
+        "Ubuntu",
+        "Cantarell",
+        "Fira Sans",
+        "Droid Sans",
+        "Helvetica Neue",
+        sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .ff-poppins {
-  font-family: "Poppins", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+    font-family: "Poppins", sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .bg-lightblue {
-  background-color: $lightblue;
+    background-color: $lightblue;
 }
 
 .box-shadow {
-  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
+    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
 }
diff --git a/src/components/Cards/EducationCard.jsx b/src/components/Cards/EducationCard.jsx
index 414869d..efbaac2 100644
--- a/src/components/Cards/EducationCard.jsx
+++ b/src/components/Cards/EducationCard.jsx
@@ -4,35 +4,37 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 
 const EducationCard = (props) => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  return (
-    <div className="box-shadow rounded m-4 p-3">
-      <div className="row">
-        <div className="col-lg-4">
-          <p className="fw-bold fs-5 text-primary">
-            {props.start} - {props.end || "Présent"}
-          </p>
-          <p className="fw-bold">{t(`pages.resume.education.${props.slug}.degree`)}</p>
-          <p>{props.school}</p>
-          <p>
-            <FontAwesomeIcon icon={faMapMarkerAlt} className="text-success" />
-            &nbsp;
-            {props.school_location}
-          </p>
+    return (
+        <div className="box-shadow rounded m-4 p-3">
+            <div className="row">
+                <div className="col-lg-4">
+                    <p className="fw-bold fs-5 text-primary">
+                        {props.start} - {props.end || "Présent"}
+                    </p>
+                    <p className="fw-bold">{t(`pages.resume.education.${props.slug}.degree`)}</p>
+                    <p>{props.school}</p>
+                    <p>
+                        <FontAwesomeIcon icon={faMapMarkerAlt} className="text-success" />
+                        &nbsp;
+                        {props.school_location}
+                    </p>
+                </div>
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {Array.from({ length: props.course_details_num }, (value, index) => (
+                                <li key={index}>
+                                    {t(`pages.resume.education.${props.slug}.course_details.${index + 1}`)}
+                                </li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
         </div>
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {Array.from({ length: props.course_details_num }, (value, index) => (
-                <li key={index}>{t(`pages.resume.education.${props.slug}.course_details.${index + 1}`)}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-    </div>
-  );
+    );
 };
 
 export default EducationCard;
diff --git a/src/components/Cards/ExperienceCard.jsx b/src/components/Cards/ExperienceCard.jsx
index 772ea68..1002618 100644
--- a/src/components/Cards/ExperienceCard.jsx
+++ b/src/components/Cards/ExperienceCard.jsx
@@ -5,44 +5,48 @@ import { useTranslation } from "react-i18next";
 import { faLinkedinIn } from "@fortawesome/free-brands-svg-icons";
 
 const ExperienceCard = (props) => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  return (
-    <div className="box-shadow rounded m-4 p-3">
-      <div className="row">
-        <div className="col-lg-4">
-          <p className="fw-bold fs-5 text-primary">
-            {props.start} - {props.end || t("pages.resume.experience_present")}
-          </p>
-          <p className="fw-bold">{t(`pages.resume.experience.${props.slug}.job_title`)}</p>
-          <p>{props.employer}</p>
-          <p>
-            <FontAwesomeIcon icon={faMapMarkerAlt} className="text-success" />
-            &nbsp;
-            {props.employer_location}
-          </p>
-          {props.employer_linkedin ? (
-            <p>
-              <a href={props.employer_linkedin} className="btn btn-link p-0" aria-label="linkedin profile link">
-                <FontAwesomeIcon icon={faLinkedinIn} />
-              </a>
-            </p>
-          ) : (
-            ""
-          )}
+    return (
+        <div className="box-shadow rounded m-4 p-3">
+            <div className="row">
+                <div className="col-lg-4">
+                    <p className="fw-bold fs-5 text-primary">
+                        {props.start} - {props.end || t("pages.resume.experience_present")}
+                    </p>
+                    <p className="fw-bold">{t(`pages.resume.experience.${props.slug}.job_title`)}</p>
+                    <p>{props.employer}</p>
+                    <p>
+                        <FontAwesomeIcon icon={faMapMarkerAlt} className="text-success" />
+                        &nbsp;
+                        {props.employer_location}
+                    </p>
+                    {props.employer_linkedin ? (
+                        <p>
+                            <a
+                                href={props.employer_linkedin}
+                                className="btn btn-link p-0"
+                                aria-label="linkedin profile link"
+                            >
+                                <FontAwesomeIcon icon={faLinkedinIn} />
+                            </a>
+                        </p>
+                    ) : (
+                        ""
+                    )}
+                </div>
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {Array.from({ length: props.tasks_num }, (value, index) => (
+                                <li key={index}>{t(`pages.resume.experience.${props.slug}.tasks.${index + 1}`)}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
         </div>
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {Array.from({ length: props.tasks_num }, (value, index) => (
-                <li key={index}>{t(`pages.resume.experience.${props.slug}.tasks.${index + 1}`)}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-    </div>
-  );
+    );
 };
 
 export default ExperienceCard;
diff --git a/src/components/Cards/ProjectCard.jsx b/src/components/Cards/ProjectCard.jsx
index 2609d1f..9a96f14 100644
--- a/src/components/Cards/ProjectCard.jsx
+++ b/src/components/Cards/ProjectCard.jsx
@@ -6,99 +6,104 @@ import { useTranslation } from "react-i18next";
 import ReactPlayer from "react-player";
 
 const ProjectCard = (props) => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  const getGitIcon = (url) => {
-    let icon = null;
+    const getGitIcon = (url) => {
+        let icon = null;
 
-    if (url.toLowerCase().includes("github")) {
-      icon = <FontAwesomeIcon icon={faGithub} />;
-    } else if (url.toLowerCase().includes("gitlab")) {
-      icon = <FontAwesomeIcon icon={faGitlab} />;
-    } else {
-      icon = <FontAwesomeIcon icon={faGit} />;
-    }
+        if (url.toLowerCase().includes("github")) {
+            icon = <FontAwesomeIcon icon={faGithub} />;
+        } else if (url.toLowerCase().includes("gitlab")) {
+            icon = <FontAwesomeIcon icon={faGitlab} />;
+        } else {
+            icon = <FontAwesomeIcon icon={faGit} />;
+        }
 
-    return icon;
-  };
+        return icon;
+    };
 
-  return (
-    <div className="box-shadow rounded m-4 p-0">
-      <div className="row">
-        <div className="col-md col-lg-8 p-4 px-5">
-          <div className="row">
-            <p className="fw-bold fs-5 text-primary">{t(`pages.projects.${props.slug}.title`)}</p>
-          </div>
+    return (
+        <div className="box-shadow rounded m-4 p-0">
+            <div className="row">
+                <div className="col-md col-lg-8 p-4 px-5">
+                    <div className="row">
+                        <p className="fw-bold fs-5 text-primary">{t(`pages.projects.${props.slug}.title`)}</p>
+                    </div>
 
-          <div className="row">
-            {t(`pages.projects.${props.slug}.short_desc`).length > 0 ? (
-              <strong className="mb-1">{t(`pages.projects.${props.slug}.short_desc`)}</strong>
-            ) : (
-              ""
-            )}
-          </div>
+                    <div className="row">
+                        {t(`pages.projects.${props.slug}.short_desc`).length > 0 ? (
+                            <strong className="mb-1">{t(`pages.projects.${props.slug}.short_desc`)}</strong>
+                        ) : (
+                            ""
+                        )}
+                    </div>
 
-          <div className="row">
-            {t(`pages.projects.${props.slug}.long_desc`).length > 0 ? (
-              <p>{t(`pages.projects.${props.slug}.long_desc`)}</p>
-            ) : (
-              ""
-            )}
-          </div>
+                    <div className="row">
+                        {t(`pages.projects.${props.slug}.long_desc`).length > 0 ? (
+                            <p>{t(`pages.projects.${props.slug}.long_desc`)}</p>
+                        ) : (
+                            ""
+                        )}
+                    </div>
 
-          <div className="row">
-            <div className="col">
-              {props.source_code_url ? (
-                <a
-                  href={props.source_code_url}
-                  className="btn btn-dark mt-2 me-3"
-                  target="_blank"
-                  rel="noreferrer noopener"
-                >
-                  {getGitIcon(props.source_code_url)}&nbsp;Source code
-                </a>
-              ) : (
-                ""
-              )}
+                    <div className="row">
+                        <div className="col">
+                            {props.source_code_url ? (
+                                <a
+                                    href={props.source_code_url}
+                                    className="btn btn-dark mt-2 me-3"
+                                    target="_blank"
+                                    rel="noreferrer noopener"
+                                >
+                                    {getGitIcon(props.source_code_url)}&nbsp;Source code
+                                </a>
+                            ) : (
+                                ""
+                            )}
 
-              {props.live_url ? (
-                <a href={props.live_url} className="btn btn-dark mt-2" target="_blank" rel="noreferrer noopener">
-                  <FontAwesomeIcon icon={faDesktop} />
-                  &nbsp;Live demo
-                </a>
-              ) : (
-                ""
-              )}
-            </div>
-          </div>
+                            {props.live_url ? (
+                                <a
+                                    href={props.live_url}
+                                    className="btn btn-dark mt-2"
+                                    target="_blank"
+                                    rel="noreferrer noopener"
+                                >
+                                    <FontAwesomeIcon icon={faDesktop} />
+                                    &nbsp;Live demo
+                                </a>
+                            ) : (
+                                ""
+                            )}
+                        </div>
+                    </div>
 
-          <div className="row mt-3">
-            <div className="col">
-              {props.tags.map((tag, index) => (
-                <span key={index} className="badge rounded-pill bg-success p-2 me-2 mt-2">
-                  {tag}
-                </span>
-              ))}
-            </div>
-          </div>
-        </div>
+                    <div className="row mt-3">
+                        <div className="col">
+                            {props.tags.map((tag, index) => (
+                                <span key={index} className="badge rounded-pill bg-success p-2 me-2 mt-2">
+                                    {tag}
+                                </span>
+                            ))}
+                        </div>
+                    </div>
+                </div>
 
-        <div className="col-md col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
-          {props.preview_image_url ? (
-            <img src={props.preview_image_url} alt="preview image" className="img-fluid" />
-          ) : (
-            ""
-          )}
+                <div className="col-md col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
+                    {props.preview_image_url ? (
+                        <img src={props.preview_image_url} alt="preview image" className="img-fluid" />
+                    ) : (
+                        ""
+                    )}
 
-          {props.preview_video_yt_url ? (
-            <ReactPlayer url={props.preview_video_yt_url} loop={true} controls={true} pip={false} />
-          ) : (
-            ""
-          )}
+                    {props.preview_video_yt_url ? (
+                        <ReactPlayer url={props.preview_video_yt_url} loop={true} controls={true} pip={false} />
+                    ) : (
+                        ""
+                    )}
+                </div>
+            </div>
         </div>
-      </div>
-    </div>
-  );
+    );
 };
 
 export default ProjectCard;
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 13f0ffd..dc49c98 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -4,54 +4,57 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 
 const Footer = () => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  return (
-    <footer>
-      <div className="container-xl ff-poppins py-3 my-4 border-top">
-        <div className="row">
-          <div className="col-md-4 d-flex align-items-center justify-content-center justify-content-md-start">
-            <p className="text-muted">
-              © {new Date().getFullYear()} {t("my_info.full_name")}
-            </p>
-          </div>
+    return (
+        <footer>
+            <div className="container-xl ff-poppins py-3 my-4 border-top">
+                <div className="row">
+                    <div className="col-md-4 d-flex align-items-center justify-content-center justify-content-md-start">
+                        <p className="text-muted">
+                            © {new Date().getFullYear()} {t("my_info.full_name")}
+                        </p>
+                    </div>
 
-          <div className="col-md-8 row row-cols-1 row-cols-sm-auto justify-content-center justify-content-md-end">
-            <div className="col text-center">
-              <p className="fw-bold mb-0">{t("footer.action_labels.call_me")}</p>
-              <a href="tel:0033618765806" className="btn btn-link text-decoration-none text-black mb-3">
-                06 18 76 58 06
-              </a>
-            </div>
+                    <div className="col-md-8 row row-cols-1 row-cols-sm-auto justify-content-center justify-content-md-end">
+                        <div className="col text-center">
+                            <p className="fw-bold mb-0">{t("footer.action_labels.call_me")}</p>
+                            <a href="tel:0033618765806" className="btn btn-link text-decoration-none text-black mb-3">
+                                06 18 76 58 06
+                            </a>
+                        </div>
 
-            <div className="col text-center">
-              <p className="fw-bold mb-0">{t("footer.action_labels.email_me")}</p>
-              <a href="mailto:o.cruze@live.com" className="btn btn-link text-decoration-none text-black mb-3">
-                o.cruze@live.com
-              </a>
-            </div>
-            <div className="col text-center">
-              <p className="fw-bold mb-0">{t("footer.action_labels.follow_me")}</p>
-              <a
-                href="https://www.linkedin.com/in/o-a-cruze"
-                className="btn btn-link link-dark px-1"
-                aria-label="linkedin profile link"
-              >
-                <FontAwesomeIcon icon={faLinkedinIn} />
-              </a>
-              <a
-                href="https://github.com/ocruze"
-                className="btn btn-link link-dark px-1"
-                aria-label="github profile link"
-              >
-                <FontAwesomeIcon icon={faGithub} />
-              </a>
+                        <div className="col text-center">
+                            <p className="fw-bold mb-0">{t("footer.action_labels.email_me")}</p>
+                            <a
+                                href="mailto:o.cruze@live.com"
+                                className="btn btn-link text-decoration-none text-black mb-3"
+                            >
+                                o.cruze@live.com
+                            </a>
+                        </div>
+                        <div className="col text-center">
+                            <p className="fw-bold mb-0">{t("footer.action_labels.follow_me")}</p>
+                            <a
+                                href="https://www.linkedin.com/in/o-a-cruze"
+                                className="btn btn-link link-dark px-1"
+                                aria-label="linkedin profile link"
+                            >
+                                <FontAwesomeIcon icon={faLinkedinIn} />
+                            </a>
+                            <a
+                                href="https://github.com/ocruze"
+                                className="btn btn-link link-dark px-1"
+                                aria-label="github profile link"
+                            >
+                                <FontAwesomeIcon icon={faGithub} />
+                            </a>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-  );
+        </footer>
+    );
 };
 
 export default Footer;
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 33db22f..5942a83 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -6,85 +6,85 @@ import { Link } from "react-router-dom";
 import i18n from "../i18n";
 
 const languages = {
-  en: "English",
-  fr: "Français",
+    en: "English",
+    fr: "Français",
 };
 
 const Navbar = () => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  const [currentLanguage, setCurrentLanguage] = useState(i18n.resolvedLanguage || "en");
+    const [currentLanguage, setCurrentLanguage] = useState(i18n.resolvedLanguage || "en");
 
-  return (
-    <>
-      <nav className="navbar navbar-expand-md m-3">
-        <div className="container-xl">
-          <Link to="/" className="navbar-brand ff-poppins fs-2 fw-bold text-dark">
-            <FontAwesomeIcon icon={faSquare} className="text-primary" />
-            &nbsp;{t("my_info.full_name")}.
-          </Link>
+    return (
+        <>
+            <nav className="navbar navbar-expand-md m-3">
+                <div className="container-xl">
+                    <Link to="/" className="navbar-brand ff-poppins fs-2 fw-bold text-dark">
+                        <FontAwesomeIcon icon={faSquare} className="text-primary" />
+                        &nbsp;{t("my_info.full_name")}.
+                    </Link>
 
-          <button
-            className="navbar-toggler"
-            type="button"
-            data-bs-toggle="collapse"
-            data-bs-target="#navmenu"
-            aria-controls="navmenu"
-            aria-expanded="false"
-            aria-label="Toggle navigation"
-          >
-            <FontAwesomeIcon icon={faBars} />
-          </button>
-          <div className="collapse navbar-collapse" id="navmenu">
-            <div className="navbar-nav ms-auto">
-              <Link className="nav-link" to="/">
-                {t("navbar.action_texts.home")}
-              </Link>
-              <Link className="nav-link" to="/resume">
-                {t("navbar.action_texts.resume")}
-              </Link>
-              <Link className="nav-link" to="/projects">
-                {t("navbar.action_texts.projects")}
-              </Link>
-            </div>
-
-            <div className="dropdown">
-              <button
-                className="btn btn-link link-primary dropdown-toggle"
-                type="button"
-                id="language-selector"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
-                title={t("navbar.action_texts.change_language")}
-              >
-                <FontAwesomeIcon icon={faLanguage} />
-              </button>
-              <ul className="dropdown-menu dropdown-menu-md-end" aria-labelledby="language-selector">
-                <li>
-                  <h6 className="dropdown-header">{t("navbar.action_texts.change_language")}</h6>
-                </li>
-                {Object.keys(languages).map((lang) => (
-                  <li key={lang}>
                     <button
-                      className={"dropdown-item" + (lang == currentLanguage ? " active" : "")}
-                      type="button"
-                      aria-current={lang == currentLanguage ? "true" : "false"}
-                      onClick={() => {
-                        setCurrentLanguage(lang);
-                        i18n.changeLanguage(lang);
-                      }}
+                        className="navbar-toggler"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#navmenu"
+                        aria-controls="navmenu"
+                        aria-expanded="false"
+                        aria-label="Toggle navigation"
                     >
-                      {languages[lang]}
+                        <FontAwesomeIcon icon={faBars} />
                     </button>
-                  </li>
-                ))}
-              </ul>
-            </div>
-          </div>
-        </div>
-      </nav>
-    </>
-  );
+                    <div className="collapse navbar-collapse" id="navmenu">
+                        <div className="navbar-nav ms-auto">
+                            <Link className="nav-link" to="/">
+                                {t("navbar.action_texts.home")}
+                            </Link>
+                            <Link className="nav-link" to="/resume">
+                                {t("navbar.action_texts.resume")}
+                            </Link>
+                            <Link className="nav-link" to="/projects">
+                                {t("navbar.action_texts.projects")}
+                            </Link>
+                        </div>
+
+                        <div className="dropdown">
+                            <button
+                                className="btn btn-link link-primary dropdown-toggle"
+                                type="button"
+                                id="language-selector"
+                                data-bs-toggle="dropdown"
+                                aria-expanded="false"
+                                title={t("navbar.action_texts.change_language")}
+                            >
+                                <FontAwesomeIcon icon={faLanguage} />
+                            </button>
+                            <ul className="dropdown-menu dropdown-menu-md-end" aria-labelledby="language-selector">
+                                <li>
+                                    <h6 className="dropdown-header">{t("navbar.action_texts.change_language")}</h6>
+                                </li>
+                                {Object.keys(languages).map((lang) => (
+                                    <li key={lang}>
+                                        <button
+                                            className={"dropdown-item" + (lang == currentLanguage ? " active" : "")}
+                                            type="button"
+                                            aria-current={lang == currentLanguage ? "true" : "false"}
+                                            onClick={() => {
+                                                setCurrentLanguage(lang);
+                                                i18n.changeLanguage(lang);
+                                            }}
+                                        >
+                                            {languages[lang]}
+                                        </button>
+                                    </li>
+                                ))}
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </nav>
+        </>
+    );
 };
 
 export default Navbar;
diff --git a/src/components/SkillsetSection.jsx b/src/components/SkillsetSection.jsx
index d71d465..f62de9b 100644
--- a/src/components/SkillsetSection.jsx
+++ b/src/components/SkillsetSection.jsx
@@ -2,117 +2,117 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 
 const SkillsetSection = ({ skills }) => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="box-shadow rounded m-4 p-3">
-      <div className="row">
-        <div className="col-lg-4 d-flex align-items-center">
-          <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.web_development`)}</p>
-        </div>
-
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {skills.web_development.map((tech, index) => (
-                <li key={index}>{tech}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-
-      <hr />
-
-      <div className="row">
-        <div className="col-lg-4 d-flex align-items-center">
-          <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.software_development`)}</p>
-        </div>
-
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {skills.software_development.map((tech, index) => (
-                <li key={index}>{tech}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-
-      <hr />
-
-      <div className="row">
-        <div className="col-lg-4 d-flex align-items-center">
-          <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.database_administration`)}</p>
-        </div>
-
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {skills.database_administration.map((tech, index) => (
-                <li key={index}>{tech}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-
-      <hr />
-
-      <div className="row">
-        <div className="col-lg-4 d-flex align-items-center">
-          <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.dev_tools`)}</p>
-        </div>
-
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {skills.dev_tools.map((tech, index) => (
-                <li key={index}>{tech}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-
-      <hr />
-
-      <div className="row">
-        <div className="col-lg-4 d-flex align-items-center">
-          <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.computer_networking`)}</p>
-        </div>
-
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {skills.computer_networking.map((tech, index) => (
-                <li key={index}>{tech}</li>
-              ))}
-            </ul>
-          }
-        </div>
-      </div>
-
-      <hr />
-
-      <div className="row">
-        <div className="col-lg-4 d-flex align-items-center">
-          <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.languages`)}</p>
-        </div>
-
-        <div className="col-lg-8 d-flex align-items-center">
-          {
-            <ul>
-              {skills.languages.map((language, index) => (
-                <li key={index}>{t(`pages.resume.skills.${language}`)}</li>
-              ))}
-            </ul>
-          }
+    const { t } = useTranslation();
+
+    return (
+        <div className="box-shadow rounded m-4 p-3">
+            <div className="row">
+                <div className="col-lg-4 d-flex align-items-center">
+                    <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.web_development`)}</p>
+                </div>
+
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {skills.web_development.map((tech, index) => (
+                                <li key={index}>{tech}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
+
+            <hr />
+
+            <div className="row">
+                <div className="col-lg-4 d-flex align-items-center">
+                    <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.software_development`)}</p>
+                </div>
+
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {skills.software_development.map((tech, index) => (
+                                <li key={index}>{tech}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
+
+            <hr />
+
+            <div className="row">
+                <div className="col-lg-4 d-flex align-items-center">
+                    <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.database_administration`)}</p>
+                </div>
+
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {skills.database_administration.map((tech, index) => (
+                                <li key={index}>{tech}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
+
+            <hr />
+
+            <div className="row">
+                <div className="col-lg-4 d-flex align-items-center">
+                    <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.dev_tools`)}</p>
+                </div>
+
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {skills.dev_tools.map((tech, index) => (
+                                <li key={index}>{tech}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
+
+            <hr />
+
+            <div className="row">
+                <div className="col-lg-4 d-flex align-items-center">
+                    <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.computer_networking`)}</p>
+                </div>
+
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {skills.computer_networking.map((tech, index) => (
+                                <li key={index}>{tech}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
+
+            <hr />
+
+            <div className="row">
+                <div className="col-lg-4 d-flex align-items-center">
+                    <p className="fw-bold fs-5 text-primary">{t(`pages.resume.skills.languages`)}</p>
+                </div>
+
+                <div className="col-lg-8 d-flex align-items-center">
+                    {
+                        <ul>
+                            {skills.languages.map((language, index) => (
+                                <li key={index}>{t(`pages.resume.skills.${language}`)}</li>
+                            ))}
+                        </ul>
+                    }
+                </div>
+            </div>
         </div>
-      </div>
-    </div>
-  );
+    );
 };
 
 export default SkillsetSection;
diff --git a/src/data/education.json b/src/data/education.json
index 6fab5e4..f09a2dd 100644
--- a/src/data/education.json
+++ b/src/data/education.json
@@ -1,26 +1,26 @@
 [
-  {
-    "slug": "diplome_ingenieur_esiea",
-    "start": "2019",
-    "end": "2022",
-    "school": "ESIEA",
-    "school_location": "Ivry-sur-Seine",
-    "course_details_num": 5
-  },
-  {
-    "slug": "dut_informatique",
-    "start": "2017",
-    "end": "2019",
-    "school": "IUT de Montreuil (Université Paris-8)",
-    "school_location": "Montreuil",
-    "course_details_num": 3
-  },
-  {
-    "slug": "bac_s",
-    "start": "2014",
-    "end": "2017",
-    "school": "Lycée Marcel Cachin",
-    "school_location": "Saint-Ouen",
-    "course_details_num": 1
-  }
+    {
+        "slug": "diplome_ingenieur_esiea",
+        "start": "2019",
+        "end": "2022",
+        "school": "ESIEA",
+        "school_location": "Ivry-sur-Seine",
+        "course_details_num": 5
+    },
+    {
+        "slug": "dut_informatique",
+        "start": "2017",
+        "end": "2019",
+        "school": "IUT de Montreuil (Université Paris-8)",
+        "school_location": "Montreuil",
+        "course_details_num": 3
+    },
+    {
+        "slug": "bac_s",
+        "start": "2014",
+        "end": "2017",
+        "school": "Lycée Marcel Cachin",
+        "school_location": "Saint-Ouen",
+        "course_details_num": 1
+    }
 ]
diff --git a/src/data/experience.json b/src/data/experience.json
index 5cd4904..51ce7a9 100644
--- a/src/data/experience.json
+++ b/src/data/experience.json
@@ -1,27 +1,27 @@
 [
-  {
-    "slug": "developer_ign",
-    "employer": "Institut national de l'information Géographique et Forestière (IGNF)",
-    "employer_location": "Saint-Mandé",
-    "employer_linkedin": "https://www.linkedin.com/company/ignfrance",
-    "start": "2022",
-    "tasks_num": 3
-  },
-  {
-    "slug": "apprenti_ingenieur_ign",
-    "employer": "Institut national de l'information Géographique et Forestière (IGNF)",
-    "employer_location": "Saint-Mandé",
-    "employer_linkedin": "https://www.linkedin.com/company/ignfrance",
-    "start": "2019",
-    "tasks_num": 2
-  },
-  {
-    "slug": "apprenti_developpeur_tti",
-    "employer": "Transport Tertiaire Industrie (TTI)",
-    "employer_location": "Noise-le-Sec",
-    "employer_linkedin": "https://www.linkedin.com/company/transporttertiaireindustriel",
-    "start": "2018",
-    "end": "2019",
-    "tasks_num": 2
-  }
+    {
+        "slug": "developer_ign",
+        "employer": "Institut national de l'information Géographique et Forestière (IGNF)",
+        "employer_location": "Saint-Mandé",
+        "employer_linkedin": "https://www.linkedin.com/company/ignfrance",
+        "start": "2022",
+        "tasks_num": 3
+    },
+    {
+        "slug": "apprenti_ingenieur_ign",
+        "employer": "Institut national de l'information Géographique et Forestière (IGNF)",
+        "employer_location": "Saint-Mandé",
+        "employer_linkedin": "https://www.linkedin.com/company/ignfrance",
+        "start": "2019",
+        "tasks_num": 2
+    },
+    {
+        "slug": "apprenti_developpeur_tti",
+        "employer": "Transport Tertiaire Industrie (TTI)",
+        "employer_location": "Noise-le-Sec",
+        "employer_linkedin": "https://www.linkedin.com/company/transporttertiaireindustriel",
+        "start": "2018",
+        "end": "2019",
+        "tasks_num": 2
+    }
 ]
diff --git a/src/data/projects.json b/src/data/projects.json
index 66df0d2..07ec159 100644
--- a/src/data/projects.json
+++ b/src/data/projects.json
@@ -1,38 +1,38 @@
 [
-  {
-    "slug": "portfolio_website",
-    "source_code_url": "https://github.com/ocruze/portfolio",
-    "live_url": "https://portfolio.arnestcruze.com",
-    "preview_image_url": "/static/images/TSleSD1.png",
-    "tags": ["react", "HTML", "CSS"]
-  },
-  {
-    "slug": "ar_visiting_card",
-    "source_code_url": "https://github.com/ocruze/visiting-card",
-    "preview_video_yt_url": "https://www.youtube.com/watch?v=9TJZaYUpbS0",
-    "tags": ["Unity Engine", "C#"]
-  },
-  {
-    "slug": "doodle_website",
-    "source_code_url": "https://github.com/ocruze/doodle",
-    "preview_image_url": "/static/images/eL88SBv.jpg",
-    "tags": ["Java (springboot)", "vue.js", "HTML", "CSS"]
-  },
-  {
-    "slug": "mamanjaipasratelavion_website",
-    "source_code_url": "https://github.com/ocruze/mamanjaipasratelavion",
-    "preview_image_url": "/static/images/T6PL4Zl.gif",
-    "tags": ["HTML", "CSS", "PHP", "JavaScript", "MySQL"]
-  },
-  {
-    "slug": "youquest_game",
-    "preview_image_url": "/static/images/6PQIyqV.jpg",
-    "tags": ["Java", "JavaFx"]
-  },
-  {
-    "slug": "sudoku_game_cli",
-    "source_code_url": "https://github.com/ocruze/sudoku",
-    "preview_image_url": "/static/images/FWj0o5o.jpg",
-    "tags": ["Java"]
-  }
+    {
+        "slug": "portfolio_website",
+        "source_code_url": "https://github.com/ocruze/portfolio",
+        "live_url": "https://portfolio.arnestcruze.com",
+        "preview_image_url": "/static/images/TSleSD1.png",
+        "tags": ["react", "HTML", "CSS"]
+    },
+    {
+        "slug": "ar_visiting_card",
+        "source_code_url": "https://github.com/ocruze/visiting-card",
+        "preview_video_yt_url": "https://www.youtube.com/watch?v=9TJZaYUpbS0",
+        "tags": ["Unity Engine", "C#"]
+    },
+    {
+        "slug": "doodle_website",
+        "source_code_url": "https://github.com/ocruze/doodle",
+        "preview_image_url": "/static/images/eL88SBv.jpg",
+        "tags": ["Java (springboot)", "vue.js", "HTML", "CSS"]
+    },
+    {
+        "slug": "mamanjaipasratelavion_website",
+        "source_code_url": "https://github.com/ocruze/mamanjaipasratelavion",
+        "preview_image_url": "/static/images/T6PL4Zl.gif",
+        "tags": ["HTML", "CSS", "PHP", "JavaScript", "MySQL"]
+    },
+    {
+        "slug": "youquest_game",
+        "preview_image_url": "/static/images/6PQIyqV.jpg",
+        "tags": ["Java", "JavaFx"]
+    },
+    {
+        "slug": "sudoku_game_cli",
+        "source_code_url": "https://github.com/ocruze/sudoku",
+        "preview_image_url": "/static/images/FWj0o5o.jpg",
+        "tags": ["Java"]
+    }
 ]
diff --git a/src/data/skills.json b/src/data/skills.json
index 9c11703..c807f75 100644
--- a/src/data/skills.json
+++ b/src/data/skills.json
@@ -1,8 +1,13 @@
 {
-  "web_development": ["HTML", "CSS (flex, grid, Bootstrap)", "JavaScript/TypeScript (react, vue.js)", "PHP (Symfony)"],
-  "software_development": ["Python", "Java (spring, hibernate, swing, JavaFx)", "C", "Bash"],
-  "database_administration": ["SQL (PostgreSQL, MySQL, SQLite)"],
-  "dev_tools": ["Git", "Docker", "CI (CircleCI, Travis CI)", "Trello"],
-  "computer_networking": ["IPv4 & IPv6", "Routing", "DNS", "NFS", "DHCP"],
-  "languages": ["lang_english", "lang_french", "lang_bengali"]
+    "web_development": [
+        "HTML",
+        "CSS (flex, grid, Bootstrap)",
+        "JavaScript/TypeScript (react, vue.js)",
+        "PHP (Symfony)"
+    ],
+    "software_development": ["Python", "Java (spring, hibernate, swing, JavaFx)", "C", "Bash"],
+    "database_administration": ["SQL (PostgreSQL, MySQL, SQLite)"],
+    "dev_tools": ["Git", "Docker", "CI (CircleCI, Travis CI)", "Trello"],
+    "computer_networking": ["IPv4 & IPv6", "Routing", "DNS", "NFS", "DHCP"],
+    "languages": ["lang_english", "lang_french", "lang_bengali"]
 }
diff --git a/src/i18n.js b/src/i18n.js
index 972bb87..bfecd39 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -6,24 +6,23 @@ import en from "./translations/en.json";
 import fr from "./translations/fr.json";
 
 const resources = {
-  en: {
-    translation: en,
-  },
-  fr: {
-    translation: fr,
-  },
+    en: {
+        translation: en,
+    },
+    fr: {
+        translation: fr,
+    },
 };
 
-i18n
-  .use(LanguageDetector)
-  .use(initReactI18next)
-  .init({
-    debug: true,
-    fallbackLng: "en",
-    interpolation: {
-      escapeValue: false,
-    },
-    resources: resources,
-  });
+i18n.use(LanguageDetector)
+    .use(initReactI18next)
+    .init({
+        debug: true,
+        fallbackLng: "en",
+        interpolation: {
+            escapeValue: false,
+        },
+        resources: resources,
+    });
 
 export default i18n;
diff --git a/src/main.jsx b/src/main.jsx
index 68fb3f3..89e4fc9 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -8,8 +8,8 @@ import App from "./App";
 import "./i18n";
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+    document.getElementById("root")
 );
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index f9352c9..47f7e2e 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -5,51 +5,55 @@ import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 
 const Home = () => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  return (
-    <div className="row justify-content-center">
-      <div className="col-md-4 col-xl-4 box-shadow">
-        <div className="row bg-lightblue justify-content-center text-center">
-          <img
-            src="/static/images/ben-sweet-2LowviVHZ-E-unsplash-square.jpg"
-            alt="avatar"
-            className="rounded-circle w-auto m-5"
-          />
-          <h3 className="ff-poppins fw-bold">{t("my_info.full_name")}</h3>
-          <p className="fw-bold my-4">{t("my_info.job_title")}</p>
-        </div>
-        <div className="row">
-          <div className="d-flex justify-content-center my-2">
-            <a
-              href="https://www.linkedin.com/in/o-a-cruze"
-              className="btn btn-link link-dark me-3"
-              aria-label="linkedin profile link"
-            >
-              <FontAwesomeIcon icon={faLinkedinIn} className="fs-3" />
-            </a>
-            <a href="https://github.com/ocruze" className="btn btn-link link-dark" aria-label="github profile link">
-              <FontAwesomeIcon icon={faGithub} className="fs-3" />
-            </a>
-          </div>
-        </div>
-      </div>
-      <div className="col-md col-xl-6 p-5 py-4">
-        <h1 className="ff-poppins fw-bold fa-4x">{t("pages.home.hello")}</h1>
-        <h2 className="ff-poppins fa-2x fs-5 mb-5">{t("pages.home.about_me_heading")}</h2>
+    return (
+        <div className="row justify-content-center">
+            <div className="col-md-4 col-xl-4 box-shadow">
+                <div className="row bg-lightblue justify-content-center text-center">
+                    <img
+                        src="/static/images/ben-sweet-2LowviVHZ-E-unsplash-square.jpg"
+                        alt="avatar"
+                        className="rounded-circle w-auto m-5"
+                    />
+                    <h3 className="ff-poppins fw-bold">{t("my_info.full_name")}</h3>
+                    <p className="fw-bold my-4">{t("my_info.job_title")}</p>
+                </div>
+                <div className="row">
+                    <div className="d-flex justify-content-center my-2">
+                        <a
+                            href="https://www.linkedin.com/in/o-a-cruze"
+                            className="btn btn-link link-dark me-3"
+                            aria-label="linkedin profile link"
+                        >
+                            <FontAwesomeIcon icon={faLinkedinIn} className="fs-3" />
+                        </a>
+                        <a
+                            href="https://github.com/ocruze"
+                            className="btn btn-link link-dark"
+                            aria-label="github profile link"
+                        >
+                            <FontAwesomeIcon icon={faGithub} className="fs-3" />
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <div className="col-md col-xl-6 p-5 py-4">
+                <h1 className="ff-poppins fw-bold fa-4x">{t("pages.home.hello")}</h1>
+                <h2 className="ff-poppins fa-2x fs-5 mb-5">{t("pages.home.about_me_heading")}</h2>
 
-        <Link to="/resume" className="text-uppercase btn btn-primary rounded-pill text-light fw-bold me-2 px-3">
-          {t("pages.home.link_texts.resume")}
-        </Link>
-        <Link to="/projects" className="text-uppercase btn btn-outline-dark rounded-pill fw-bold px-3">
-          {t("pages.home.link_texts.projects")}
-        </Link>
+                <Link to="/resume" className="text-uppercase btn btn-primary rounded-pill text-light fw-bold me-2 px-3">
+                    {t("pages.home.link_texts.resume")}
+                </Link>
+                <Link to="/projects" className="text-uppercase btn btn-outline-dark rounded-pill fw-bold px-3">
+                    {t("pages.home.link_texts.projects")}
+                </Link>
 
-        <p className="mt-3 lead">{t("pages.home.lead_text")}</p>
-        <p>{t("pages.home.sublead_text")}</p>
-      </div>
-    </div>
-  );
+                <p className="mt-3 lead">{t("pages.home.lead_text")}</p>
+                <p>{t("pages.home.sublead_text")}</p>
+            </div>
+        </div>
+    );
 };
 
 export default Home;
diff --git a/src/pages/Projects.jsx b/src/pages/Projects.jsx
index af909c6..2cdc788 100644
--- a/src/pages/Projects.jsx
+++ b/src/pages/Projects.jsx
@@ -5,19 +5,19 @@ import ProjectCard from "../components/Cards/ProjectCard";
 import projects from "../data/projects.json";
 
 const Projects = () => {
-  const { t } = useTranslation();
+    const { t } = useTranslation();
 
-  return (
-    <>
-      <div className="row px-4">
-        <h1 className="ff-poppins fw-bold">{t(`pages.projects.title`)}</h1>
-      </div>
+    return (
+        <>
+            <div className="row px-4">
+                <h1 className="ff-poppins fw-bold">{t(`pages.projects.title`)}</h1>
+            </div>
 
-      {projects.map((project, index) => (
-        <ProjectCard key={index} {...project} />
-      ))}
-    </>
-  );
+            {projects.map((project, index) => (
+                <ProjectCard key={index} {...project} />
+            ))}
+        </>
+    );
 };
 
 export default Projects;
diff --git a/src/pages/Resume.jsx b/src/pages/Resume.jsx
index dfe85e1..bb103b2 100644
--- a/src/pages/Resume.jsx
+++ b/src/pages/Resume.jsx
@@ -9,43 +9,43 @@ import SkillsetSection from "../components/SkillsetSection";
 import { useTranslation } from "react-i18next";
 
 const Resume = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <div className="row px-4">
-        <h1 className="ff-poppins fw-bold">{t("pages.resume.title")}</h1>
-      </div>
-
-      <div className="row">
-        <section>
-          <h2 className="ff-poppins text-center">{t("pages.resume.title_experience")}</h2>
-
-          {experience.map((exp, index) => (
-            <ExperienceCard key={index} {...exp} />
-          ))}
-        </section>
-      </div>
-
-      <div className="row">
-        <section>
-          <h2 className="ff-poppins text-center">{t("pages.resume.title_education")}</h2>
-
-          {education.map((edu, index) => (
-            <EducationCard key={index} {...edu} />
-          ))}
-        </section>
-      </div>
-
-      <div className="row">
-        <section>
-          <h2 className="ff-poppins text-center">{t("pages.resume.title_skillset")}</h2>
-
-          <SkillsetSection skills={skills} />
-        </section>
-      </div>
-    </>
-  );
+    const { t } = useTranslation();
+
+    return (
+        <>
+            <div className="row px-4">
+                <h1 className="ff-poppins fw-bold">{t("pages.resume.title")}</h1>
+            </div>
+
+            <div className="row">
+                <section>
+                    <h2 className="ff-poppins text-center">{t("pages.resume.title_experience")}</h2>
+
+                    {experience.map((exp, index) => (
+                        <ExperienceCard key={index} {...exp} />
+                    ))}
+                </section>
+            </div>
+
+            <div className="row">
+                <section>
+                    <h2 className="ff-poppins text-center">{t("pages.resume.title_education")}</h2>
+
+                    {education.map((edu, index) => (
+                        <EducationCard key={index} {...edu} />
+                    ))}
+                </section>
+            </div>
+
+            <div className="row">
+                <section>
+                    <h2 className="ff-poppins text-center">{t("pages.resume.title_skillset")}</h2>
+
+                    <SkillsetSection skills={skills} />
+                </section>
+            </div>
+        </>
+    );
 };
 
 export default Resume;
diff --git a/src/translations/en.json b/src/translations/en.json
index 559fc7c..b8df994 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1,143 +1,143 @@
 {
-  "global": {
-    "loading": "Loading..."
-  },
-  "my_info": {
-    "full_name": "Orka Arnest Cruze",
-    "job_title": "Software Developer"
-  },
-  "navbar": {
-    "action_texts": {
-      "home": "Home",
-      "resume": "Resume",
-      "projects": "Projects",
-      "change_language": "Change language"
-    }
-  },
-  "footer": {
-    "action_labels": {
-      "call_me": "Call me",
-      "email_me": "Email me",
-      "follow_me": "Follow me"
-    }
-  },
-  "pages": {
-    "not_found": {
-      "heading": "Oops, seems like you've got lost",
-      "homepage_link_text": "Go back to the homepage"
+    "global": {
+        "loading": "Loading..."
     },
-    "home": {
-      "hello": "Hello",
-      "about_me_heading": "Here's who I am & what I do",
-      "link_texts": {
-        "resume": "Resume",
-        "projects": "Projects"
-      },
-      "lead_text": "I'm an IT engineer (ESIEA) and a software developer at IGN.",
-      "sublead_text": "I embarked upon my programming journey roughly 6 years ago, a path that has captivated my interest ever since. While I initially delved with native technologies such as Java or Python, I have recently developed a newfound fascination with the realm of web development. I'm fairly proficient in the PHP/Symfony and Java/spring ecosystems. Currently, I'm teaching myself JavaScript technologies like react and vue.js."
+    "my_info": {
+        "full_name": "Orka Arnest Cruze",
+        "job_title": "Software Developer"
     },
-    "resume": {
-      "title": "Resume",
-      "title_experience": "Experience",
-      "title_education": "Education",
-      "title_skillset": "Skillset",
-      "experience_present": "Present",
-      "experience": {
-        "developer_ign": {
-          "job_title": "Software Developer",
-          "tasks": {
-            "1": "Web and CLI applications",
-            "2": "geographic data prcessing",
-            "3": "tech/tool stack : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
-          }
-        },
-        "apprenti_ingenieur_ign": {
-          "job_title": "Junior Developer (Apprentice)",
-          "tasks": {
-            "1": "Web and CLI applications",
-            "2": "tech/tool stack : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
-          }
-        },
-        "apprenti_developpeur_tti": {
-          "job_title": "VBA Developer & IT Technician (Apprentice)",
-          "tasks": {
-            "1": "VBA applications for HR department",
-            "2": "In-charge of IT department and inventory"
-          }
+    "navbar": {
+        "action_texts": {
+            "home": "Home",
+            "resume": "Resume",
+            "projects": "Projects",
+            "change_language": "Change language"
         }
-      },
-      "education": {
-        "diplome_ingenieur_esiea": {
-          "degree": "ESIEA Engineering Degree (CTI)",
-          "course_details": {
-            "1": "Algorithmic, computability et complexity",
-            "2": "Object oriented programming",
-            "3": "Databases",
-            "4": "Cybersecurity",
-            "5": "Data analysis"
-          }
+    },
+    "footer": {
+        "action_labels": {
+            "call_me": "Call me",
+            "email_me": "Email me",
+            "follow_me": "Follow me"
+        }
+    },
+    "pages": {
+        "not_found": {
+            "heading": "Oops, seems like you've got lost",
+            "homepage_link_text": "Go back to the homepage"
         },
-        "dut_informatique": {
-          "degree": "DUT Informatique",
-          "course_details": {
-            "1": "Algorithmic & object oriented programming",
-            "2": "Creating and administrating databases",
-            "3": "Web developement"
-          }
+        "home": {
+            "hello": "Hello",
+            "about_me_heading": "Here's who I am & what I do",
+            "link_texts": {
+                "resume": "Resume",
+                "projects": "Projects"
+            },
+            "lead_text": "I'm an IT engineer (ESIEA) and a software developer at IGN.",
+            "sublead_text": "I embarked upon my programming journey roughly 6 years ago, a path that has captivated my interest ever since. While I initially delved with native technologies such as Java or Python, I have recently developed a newfound fascination with the realm of web development. I'm fairly proficient in the PHP/Symfony and Java/spring ecosystems. Currently, I'm teaching myself JavaScript technologies like react and vue.js."
         },
-        "bac_s": {
-          "degree": "A' Levels",
-          "course_details": {
-            "1": "Specialization: engineering science"
-          }
+        "resume": {
+            "title": "Resume",
+            "title_experience": "Experience",
+            "title_education": "Education",
+            "title_skillset": "Skillset",
+            "experience_present": "Present",
+            "experience": {
+                "developer_ign": {
+                    "job_title": "Software Developer",
+                    "tasks": {
+                        "1": "Web and CLI applications",
+                        "2": "geographic data prcessing",
+                        "3": "tech/tool stack : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
+                    }
+                },
+                "apprenti_ingenieur_ign": {
+                    "job_title": "Junior Developer (Apprentice)",
+                    "tasks": {
+                        "1": "Web and CLI applications",
+                        "2": "tech/tool stack : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
+                    }
+                },
+                "apprenti_developpeur_tti": {
+                    "job_title": "VBA Developer & IT Technician (Apprentice)",
+                    "tasks": {
+                        "1": "VBA applications for HR department",
+                        "2": "In-charge of IT department and inventory"
+                    }
+                }
+            },
+            "education": {
+                "diplome_ingenieur_esiea": {
+                    "degree": "ESIEA Engineering Degree (CTI)",
+                    "course_details": {
+                        "1": "Algorithmic, computability et complexity",
+                        "2": "Object oriented programming",
+                        "3": "Databases",
+                        "4": "Cybersecurity",
+                        "5": "Data analysis"
+                    }
+                },
+                "dut_informatique": {
+                    "degree": "DUT Informatique",
+                    "course_details": {
+                        "1": "Algorithmic & object oriented programming",
+                        "2": "Creating and administrating databases",
+                        "3": "Web developement"
+                    }
+                },
+                "bac_s": {
+                    "degree": "A' Levels",
+                    "course_details": {
+                        "1": "Specialization: engineering science"
+                    }
+                }
+            },
+            "skills": {
+                "software_development": "Software development",
+                "web_development": "Web development",
+                "database_administration": "Database administration",
+                "dev_tools": "Dev tools",
+                "computer_networking": "Computer networking",
+                "languages": "Languages",
+                "lang_english": "English (fluent, TOEIC: 990)",
+                "lang_french": "French (fluent)",
+                "lang_bengali": "Bengali (native)"
+            }
+        },
+        "projects": {
+            "title": "Projects",
+            "source_code": "Source code",
+            "live_demo": "Live demo",
+            "portfolio_website": {
+                "title": "Portfolio website",
+                "short_desc": "This portfolio website",
+                "long_desc": ""
+            },
+            "ar_visiting_card": {
+                "title": "AR visiting card",
+                "short_desc": "",
+                "long_desc": "My team at ESIEA and I made a mobile application of a visiting card in augmented reality (AR)."
+            },
+            "doodle_website": {
+                "title": "Doodle",
+                "short_desc": "",
+                "long_desc": "For a school project at ESIEA, my team and I have made a survey website that helps in organising group events. The frontend of the website created in vue.js uses an in-house API developed in Java (spring, hibernate)."
+            },
+            "mamanjaipasratelavion_website": {
+                "title": "mamanjaipasratelavion",
+                "short_desc": "Information about all the airports in the world",
+                "long_desc": "This is the very first dynamic website that my group and I made with a PHP backend and a MySQL database as a project whilst in DUT. This is a crowdsourced platform that collects and shares all sorts of information about airports and informs people about lesser-known information about airports to avoid any unexpected problems."
+            },
+            "youquest_game": {
+                "title": "YouQuest",
+                "short_desc": "Zelda-like game",
+                "long_desc": "This is a Zelda-like game that my college teammates and I made entirely in Java and JavaFx. The game contains 2 levels each with a distinct map, rendered from tilemaps that I designed myself. During this first project, I was able to clearly understand the MVC architecture."
+            },
+            "sudoku_game_cli": {
+                "title": "Sudoku",
+                "short_desc": "Console-based Sudoku game",
+                "long_desc": "This is a console-based Sudoku game with a random grid generator with 3 difficulty levels. This was my very first college project in Java programming. Not having learnt graphical interfaces in Java at this point yet, I made the entire game in CLI. I scored 17/20 on this project. I was super happy, and this is when I fell in love with programming."
+            }
         }
-      },
-      "skills": {
-        "software_development": "Software development",
-        "web_development": "Web development",
-        "database_administration": "Database administration",
-        "dev_tools": "Dev tools",
-        "computer_networking": "Computer networking",
-        "languages": "Languages",
-        "lang_english": "English (fluent, TOEIC: 990)",
-        "lang_french": "French (fluent)",
-        "lang_bengali": "Bengali (native)"
-      }
-    },
-    "projects": {
-      "title": "Projects",
-      "source_code": "Source code",
-      "live_demo": "Live demo",
-      "portfolio_website": {
-        "title": "Portfolio website",
-        "short_desc": "This portfolio website",
-        "long_desc": ""
-      },
-      "ar_visiting_card": {
-        "title": "AR visiting card",
-        "short_desc": "",
-        "long_desc": "My team at ESIEA and I made a mobile application of a visiting card in augmented reality (AR)."
-      },
-      "doodle_website": {
-        "title": "Doodle",
-        "short_desc": "",
-        "long_desc": "For a school project at ESIEA, my team and I have made a survey website that helps in organising group events. The frontend of the website created in vue.js uses an in-house API developed in Java (spring, hibernate)."
-      },
-      "mamanjaipasratelavion_website": {
-        "title": "mamanjaipasratelavion",
-        "short_desc": "Information about all the airports in the world",
-        "long_desc": "This is the very first dynamic website that my group and I made with a PHP backend and a MySQL database as a project whilst in DUT. This is a crowdsourced platform that collects and shares all sorts of information about airports and informs people about lesser-known information about airports to avoid any unexpected problems."
-      },
-      "youquest_game": {
-        "title": "YouQuest",
-        "short_desc": "Zelda-like game",
-        "long_desc": "This is a Zelda-like game that my college teammates and I made entirely in Java and JavaFx. The game contains 2 levels each with a distinct map, rendered from tilemaps that I designed myself. During this first project, I was able to clearly understand the MVC architecture."
-      },
-      "sudoku_game_cli": {
-        "title": "Sudoku",
-        "short_desc": "Console-based Sudoku game",
-        "long_desc": "This is a console-based Sudoku game with a random grid generator with 3 difficulty levels. This was my very first college project in Java programming. Not having learnt graphical interfaces in Java at this point yet, I made the entire game in CLI. I scored 17/20 on this project. I was super happy, and this is when I fell in love with programming."
-      }
     }
-  }
 }
diff --git a/src/translations/fr.json b/src/translations/fr.json
index 3ee4c61..74d37cf 100644
--- a/src/translations/fr.json
+++ b/src/translations/fr.json
@@ -1,143 +1,143 @@
 {
-  "global": {
-    "loading": "Chargement..."
-  },
-  "my_info": {
-    "full_name": "Orka Arnest CRUZE",
-    "job_title": "Concepteur-Développeur"
-  },
-  "navbar": {
-    "action_texts": {
-      "home": "Accueil",
-      "resume": "CV",
-      "projects": "Projets",
-      "change_language": "Changer de langue"
-    }
-  },
-  "footer": {
-    "action_labels": {
-      "call_me": "M'appeler",
-      "email_me": "M'écrire",
-      "follow_me": "Me suivre"
-    }
-  },
-  "pages": {
-    "not_found": {
-      "heading": "Oups, il semblerait que vous soyez perdu",
-      "homepage_link_text": "Revenez à la page d'accueil"
+    "global": {
+        "loading": "Chargement..."
     },
-    "home": {
-      "hello": "Bonjour",
-      "about_me_heading": "A propos de moi",
-      "link_texts": {
-        "resume": "CV",
-        "projects": "Projets"
-      },
-      "lead_text": "Je suis ingénieur en informatique ESIEA et concepteur-développeur à l'IGN.",
-      "sublead_text": "Il y a environ 6 ans, j'ai commencé mon parcours dans le domaine de la programmation et depuis je suis passionné par cette discipline. Bien que j'aie commencé avec des technos natives telles que Java ou Python, j'ai récemment trouvé un nouvel engouement pour l'univers du web. Je maîtrise les outils des écosystèmes PHP/Symfony et Java/spring. Actuellement, j'apprends à utiliser des outils JavaScript tels que react et vue.js."
+    "my_info": {
+        "full_name": "Orka Arnest CRUZE",
+        "job_title": "Concepteur-Développeur"
     },
-    "resume": {
-      "title": "CV",
-      "title_experience": "Expérience",
-      "title_education": "Formations",
-      "title_skillset": "Compétences",
-      "experience_present": "Présent",
-      "experience": {
-        "developer_ign": {
-          "job_title": "Concepteur-Développeur",
-          "tasks": {
-            "1": "développement d'applications web et CLI",
-            "2": "traitement de données géographiques",
-            "3": "technologies pratiquées : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
-          }
-        },
-        "apprenti_ingenieur_ign": {
-          "job_title": "Développeur Junior (Apprenti)",
-          "tasks": {
-            "1": "développement d'applications web et CLI",
-            "2": "technologies pratiquées : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
-          }
-        },
-        "apprenti_developpeur_tti": {
-          "job_title": "Développeur VBA & technicien de support (Apprenti)",
-          "tasks": {
-            "1": "développement d'applications en VBA pour le service RH",
-            "2": "gestion du support informatique et l'inventaire"
-          }
+    "navbar": {
+        "action_texts": {
+            "home": "Accueil",
+            "resume": "CV",
+            "projects": "Projets",
+            "change_language": "Changer de langue"
         }
-      },
-      "education": {
-        "diplome_ingenieur_esiea": {
-          "degree": "Diplôme d'ingénieur ESIEA (CTI)",
-          "course_details": {
-            "1": "Algorithmique, calculabilité et compléxité",
-            "2": "Programmation orientée objet",
-            "3": "Bases de données",
-            "4": "Cybersécurité",
-            "5": "Analyse de données"
-          }
+    },
+    "footer": {
+        "action_labels": {
+            "call_me": "M'appeler",
+            "email_me": "M'écrire",
+            "follow_me": "Me suivre"
+        }
+    },
+    "pages": {
+        "not_found": {
+            "heading": "Oups, il semblerait que vous soyez perdu",
+            "homepage_link_text": "Revenez à la page d'accueil"
         },
-        "dut_informatique": {
-          "degree": "DUT Informatique",
-          "course_details": {
-            "1": "Algorithmique & programmation orientée objet",
-            "2": "Création et administration de bases de données",
-            "3": "Programmation web serveur & client"
-          }
+        "home": {
+            "hello": "Bonjour",
+            "about_me_heading": "A propos de moi",
+            "link_texts": {
+                "resume": "CV",
+                "projects": "Projets"
+            },
+            "lead_text": "Je suis ingénieur en informatique ESIEA et concepteur-développeur à l'IGN.",
+            "sublead_text": "Il y a environ 6 ans, j'ai commencé mon parcours dans le domaine de la programmation et depuis je suis passionné par cette discipline. Bien que j'aie commencé avec des technos natives telles que Java ou Python, j'ai récemment trouvé un nouvel engouement pour l'univers du web. Je maîtrise les outils des écosystèmes PHP/Symfony et Java/spring. Actuellement, j'apprends à utiliser des outils JavaScript tels que react et vue.js."
         },
-        "bac_s": {
-          "degree": "Baccalauréat Scientifique",
-          "course_details": {
-            "1": "Spécialité : Sciences de l'ingénieur (SI)"
-          }
+        "resume": {
+            "title": "CV",
+            "title_experience": "Expérience",
+            "title_education": "Formations",
+            "title_skillset": "Compétences",
+            "experience_present": "Présent",
+            "experience": {
+                "developer_ign": {
+                    "job_title": "Concepteur-Développeur",
+                    "tasks": {
+                        "1": "développement d'applications web et CLI",
+                        "2": "traitement de données géographiques",
+                        "3": "technologies pratiquées : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
+                    }
+                },
+                "apprenti_ingenieur_ign": {
+                    "job_title": "Développeur Junior (Apprenti)",
+                    "tasks": {
+                        "1": "développement d'applications web et CLI",
+                        "2": "technologies pratiquées : PHP/Symfony, Javascript, Python, Docker, CircleCI/Travis/Jenkins"
+                    }
+                },
+                "apprenti_developpeur_tti": {
+                    "job_title": "Développeur VBA & technicien de support (Apprenti)",
+                    "tasks": {
+                        "1": "développement d'applications en VBA pour le service RH",
+                        "2": "gestion du support informatique et l'inventaire"
+                    }
+                }
+            },
+            "education": {
+                "diplome_ingenieur_esiea": {
+                    "degree": "Diplôme d'ingénieur ESIEA (CTI)",
+                    "course_details": {
+                        "1": "Algorithmique, calculabilité et compléxité",
+                        "2": "Programmation orientée objet",
+                        "3": "Bases de données",
+                        "4": "Cybersécurité",
+                        "5": "Analyse de données"
+                    }
+                },
+                "dut_informatique": {
+                    "degree": "DUT Informatique",
+                    "course_details": {
+                        "1": "Algorithmique & programmation orientée objet",
+                        "2": "Création et administration de bases de données",
+                        "3": "Programmation web serveur & client"
+                    }
+                },
+                "bac_s": {
+                    "degree": "Baccalauréat Scientifique",
+                    "course_details": {
+                        "1": "Spécialité : Sciences de l'ingénieur (SI)"
+                    }
+                }
+            },
+            "skills": {
+                "software_development": "Développement logiciel",
+                "web_development": "Développement web",
+                "database_administration": "Administration des bases de données",
+                "dev_tools": "Outils de développement",
+                "computer_networking": "Réseaux informatiques",
+                "languages": "Langues",
+                "lang_english": "Anglais (bilingue, TOEIC : 990)",
+                "lang_french": "Français (bilingue)",
+                "lang_bengali": "Bengali (langue maternelle)"
+            }
+        },
+        "projects": {
+            "title": "Projets",
+            "source_code": "Code source",
+            "live_demo": "Démo en ligne",
+            "portfolio_website": {
+                "title": "Mon site web portfolio",
+                "short_desc": "Ce site web portfolio",
+                "long_desc": ""
+            },
+            "ar_visiting_card": {
+                "title": "Carte de visite en AR",
+                "short_desc": "",
+                "long_desc": "Mon équipe à l'ESIEA et moi avons développé une application mobile qui présente une carte de visite en réalité augmentée."
+            },
+            "doodle_website": {
+                "title": "Doodle",
+                "short_desc": "",
+                "long_desc": "Dans le cadre d'un projet à l'ESIEA, mon équipe et moi avons développé un site web de sondages de date afin d'aider à l'organisation des évènements collectifs. Le client (frontend) créé en vue.js se sert d'une API maison développée en Java (spring, hibernate)."
+            },
+            "mamanjaipasratelavion_website": {
+                "title": "mamanjaipasratelavion",
+                "short_desc": "Répertoire d'informations de tous les aéroports du monde",
+                "long_desc": "Ceci est le tout premier site web dynamique que mon groupe et moi avons développé avec son backend en PHP et une base de données MySQL. Il s'agit d'une plateforme participative qui collecte et partage toutes sortes d'informations sur les aéroports et informe les gens sur des informations moins connues sur les aéroports afin d'éviter tout problème inattendu."
+            },
+            "youquest_game": {
+                "title": "YouQuest",
+                "short_desc": "Jeu vidéo zelda-like",
+                "long_desc": "C'est un petit jeu vidéo Zelda-like que mon groupe à l'IUT et moi avions développé en Java et JavaFx. Ce jeu contient 2 niveaux de jeu avec une carte différente, rendue à partir d'un plan de tuiles que j'avais créé moi-même. J'ai pu apprendre l'architecture MVC lors de ce premier grand projet de ma formation de DUT Informatique."
+            },
+            "sudoku_game_cli": {
+                "title": "Sudoku",
+                "short_desc": "Sudoku sur terminal",
+                "long_desc": "C'est un petit jeu sur terminal avec un générateur de grille aléatoire avec 3 niveaux de difficultés. C'était mon tout premier projet de programmation Java à l'IUT. N'ayant pas encore appris à développer des interfaces graphiques en Java, j'ai créé ce jeu sur terminal. J'étais très content quand j'ai obtenu 17/20 pour ce projet, et c'est là que je suis devenu passionné de la programmation."
+            }
         }
-      },
-      "skills": {
-        "software_development": "Développement logiciel",
-        "web_development": "Développement web",
-        "database_administration": "Administration des bases de données",
-        "dev_tools": "Outils de développement",
-        "computer_networking": "Réseaux informatiques",
-        "languages": "Langues",
-        "lang_english": "Anglais (bilingue, TOEIC : 990)",
-        "lang_french": "Français (bilingue)",
-        "lang_bengali": "Bengali (langue maternelle)"
-      }
-    },
-    "projects": {
-      "title": "Projets",
-      "source_code": "Code source",
-      "live_demo": "Démo en ligne",
-      "portfolio_website": {
-        "title": "Mon site web portfolio",
-        "short_desc": "Ce site web portfolio",
-        "long_desc": ""
-      },
-      "ar_visiting_card": {
-        "title": "Carte de visite en AR",
-        "short_desc": "",
-        "long_desc": "Mon équipe à l'ESIEA et moi avons développé une application mobile qui présente une carte de visite en réalité augmentée."
-      },
-      "doodle_website": {
-        "title": "Doodle",
-        "short_desc": "",
-        "long_desc": "Dans le cadre d'un projet à l'ESIEA, mon équipe et moi avons développé un site web de sondages de date afin d'aider à l'organisation des évènements collectifs. Le client (frontend) créé en vue.js se sert d'une API maison développée en Java (spring, hibernate)."
-      },
-      "mamanjaipasratelavion_website": {
-        "title": "mamanjaipasratelavion",
-        "short_desc": "Répertoire d'informations de tous les aéroports du monde",
-        "long_desc": "Ceci est le tout premier site web dynamique que mon groupe et moi avons développé avec son backend en PHP et une base de données MySQL. Il s'agit d'une plateforme participative qui collecte et partage toutes sortes d'informations sur les aéroports et informe les gens sur des informations moins connues sur les aéroports afin d'éviter tout problème inattendu."
-      },
-      "youquest_game": {
-        "title": "YouQuest",
-        "short_desc": "Jeu vidéo zelda-like",
-        "long_desc": "C'est un petit jeu vidéo Zelda-like que mon groupe à l'IUT et moi avions développé en Java et JavaFx. Ce jeu contient 2 niveaux de jeu avec une carte différente, rendue à partir d'un plan de tuiles que j'avais créé moi-même. J'ai pu apprendre l'architecture MVC lors de ce premier grand projet de ma formation de DUT Informatique."
-      },
-      "sudoku_game_cli": {
-        "title": "Sudoku",
-        "short_desc": "Sudoku sur terminal",
-        "long_desc": "C'est un petit jeu sur terminal avec un générateur de grille aléatoire avec 3 niveaux de difficultés. C'était mon tout premier projet de programmation Java à l'IUT. N'ayant pas encore appris à développer des interfaces graphiques en Java, j'ai créé ce jeu sur terminal. J'étais très content quand j'ai obtenu 17/20 pour ce projet, et c'est là que je suis devenu passionné de la programmation."
-      }
     }
-  }
 }