CalcagnoLoic · CalcagnoLoic · Sep 10, 2024 · Sep 10, 2024
diff --git a/index.html b/index.html
@@ -1,16 +1,12 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta
-      name="google-site-verification"
-      content="TuZE5jVI5YaUZrgrugLxd7MRy9-c46BD-dvJO1BqVMI"
-    />
     <meta charset="utf-8" />
     <link rel="icon" href="/favicon.ico?" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta
       name="description"
-      content="Hey, my name is Loïc. I'm a developer React and Python based in Belgium. I work on frontend and backend projects with various technologies. My main skills are React, TypeScript, Python, Docker and GitHub Actions."
+      content="Bonjour, je m'appelle Loïc. Je suis un développeur React ayant une expérience complémentaire en Python, basé en Belgique. Je travaille sur des projets frontend et backend avec différentes technologies. Mes principales compétences sont React, TypeScript, Python, Docker et GitHub Actions."
     />
     <meta
       name="keywords"
@@ -23,4 +19,4 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>
diff --git a/public/assets/CALCAGNO_LOIC_CV_en.pdf → public/assets/CALCAGNO_LOIC_CV.pdf b/public/assets/CALCAGNO_LOIC_CV_en.pdf → public/assets/CALCAGNO_LOIC_CV.pdf
diff --git a/src/components/Contact/ContactForm/index.tsx b/src/components/Contact/ContactForm/index.tsx
@@ -9,7 +9,7 @@ const Component = () => (
     <Heading
       kind="h2"
       id="contact"
-      content="Get in touch"
+      content="Restons en contact!"
       css=" text-center font-[sofia] text-2xl underline md:text-4xl"
     />
 
@@ -18,15 +18,13 @@ const Component = () => (
         <div className="flex flex-col">
           <Paragraph
             kind="span"
-            content="If you want more information about me or my work, don't hesitate
-              to contact me with this contact form or directly on my email
-              address."
+            content="Si vous voulez plus d'informations à propos de moi ou de mon travail, n'hésitez pas à me contacter  directement par mail ou via ce formulaire de contact."
             css="text-lg"
           />
 
           <Paragraph
             kind="span"
-            content="I will reply as soon as possible."
+            content="J'y répondrai aussi vite que possible."
             css="mt-5 text-lg"
           />
         </div>
@@ -43,7 +41,7 @@ const Component = () => (
           />
           <ContactInformation
             icon="🗺️"
-            content="Belgium, Hainaut, 7170 La Hestre"
+            content="Belgique, Hainaut, 7170 La Hestre"
           />
         </div>
       </article>

diff --git a/src/components/Input/NameField/index.tsx b/src/components/Input/NameField/index.tsx
@@ -8,11 +8,11 @@ const Component = ({ state, setState, isValid, errorMessage }: FieldInput) => (
   <div className="input-container lg:w-1/2">
     <Field
       css="input-field"
-      content="Name"
+      content="Nom"
       isLabel={true}
       isTextArea={false}
       type="text"
-      placeholder="Name"
+      placeholder="Nom"
       inputCSS="rounded-md border-2 p-2 w-full"
       name="name"
       value={state}

diff --git a/src/components/Presentation/index.tsx b/src/components/Presentation/index.tsx
@@ -1,6 +1,6 @@
 import { Typewriter } from "react-simple-typewriter";
 
-import CALCAGNO_LOIC_CV_en from "@public/CALCAGNO_LOIC_CV_en.pdf";
+import CALCAGNO_LOIC_CV_en from "@public/CALCAGNO_LOIC_CV.pdf";
 import PICTURE from "@public/img/photo.webp";
 
 import GeneralIcons from "@icons/GeneralIcons";
@@ -14,19 +14,19 @@ const Component = () => (
       <article className="self-center">
         <Heading
           kind="h3"
-          content="Welcome 👋"
+          content="Bienvenue 👋"
           css="text-xl md:text-3xl mt-5 italic text-center lg:text-start font-[sofia]"
           id="top"
         />
         <div className="flex flex-col xl:flex-row">
           <span className="mt-8 text-center font-[sofia] text-2xl italic md:text-4xl lg:text-start">
             <Heading
               kind="h2"
-              content="I am "
+              content="Je suis "
               css="block mr-5 mb-5 xl:mb-0 xl:inline-block"
             />
             <Typewriter
-              words={["<React and Python developer />"]}
+              words={["<développeur React/TypeScript... />", "__avec une expérience en Python.__"]}
               loop
               cursor
             />
@@ -35,18 +35,18 @@ const Component = () => (
 
         <Paragraph
           kind="p"
-          content="I'm deeply passionate about web development, a journey that began with self-teaching. Primarily a React developer, I also have a strong affinity for backend development, particularly with Python. Each project and challenge fuels my inspiration as I explore new technologies and tackle complex tasks."
+          content="Je suis profondément passionné par le développement web, un voyage qui a commencé par l'auto-apprentissage. Principalement développeur React, j'ai également une forte affinité pour le développement backend, en particulier avec Python. Chaque projet et défi alimente mon inspiration alors que j'explore de nouvelles technologies et que je m'attaque à des tâches complexes"
           css="lg:w-5/6 text-center lg:text-start mt-5 text-lg md:text-xl font-[barlow]"
         />
         <Paragraph
           kind="p"
-          content="This portfolio showcases my proudest web development achievements. In addition to my dedication to web development, I'm very enthusiastic about sharing knowledge. I eagerly contribute to the community by sharing what I've learned."
+          content="Ce portfolio présente les réalisations dont je suis le plus fier en matière de développement web. Outre mon dévouement au développement web, je suis très enthousiaste à l'idée de partager mes connaissances. Je suis impatient de contribuer à la communauté en partageant ce que j'ai appris."
           css="lg:w-5/6 text-center lg:text-start mt-5 text-lg md:text-xl font-[barlow]"
         />
 
         <section className="mt-10 flex flex-col justify-center gap-5 md:mt-16 md:flex-row lg:w-5/6">
           <Link
-            content="Contact Me"
+            content="Contactez moi"
             href="#contact"
             css="font-[bellefair] bg-torchRed px-10 py-3 text-2xl rounded-xl w-full text-center cursor-pointer hover:text-tuatara hover:bg-white duration-300 ease-in-out"
             aria="Contact me with form or directly at [email protected]"

diff --git a/src/components/Projects/ExperimentationProjects/index.tsx b/src/components/Projects/ExperimentationProjects/index.tsx
@@ -15,7 +15,7 @@ const Component = () => {
         kind="h2"
         id="experimentations"
         css="text-center font-[sofia] text-2xl md:text-4xl underline"
-        content="Venturing into the Unknown"
+        content="S'aventurer dans l'inconnu"
       />
 
       {displayedData && (

diff --git a/src/components/Projects/ProfessionalProjects/index.tsx b/src/components/Projects/ProfessionalProjects/index.tsx
@@ -20,7 +20,7 @@ const Component = () => {
     <>
       <Heading
         kind="h2"
-        content="Dive into my latest creations"
+        content="Plongez dans mes dernières créations"
         id="projects"
         css="text-center font-[sofia] text-2xl underline md:text-4xl"
       />
@@ -58,7 +58,7 @@ const Component = () => {
                       <Paragraph
                         kind="span"
                         css="font-[bellefair] uppercase bg-torchRed md:self-center rounded-2xl py-1 px-2 mt-3 md:mt-0 text-center font-bold"
-                        content="🛠️ in progress 🛠️"
+                        content="🛠️ en cours 🛠️"
                       />
                     )}
                   </div>

diff --git a/src/components/Skills/index.tsx b/src/components/Skills/index.tsx
@@ -8,7 +8,7 @@ const Component = () => (
     <Heading
       kind="h2"
       css="mb-10 text-center font-[sofia] text-2xl underline md:text-4xl"
-      content="What can i do for you?"
+      content="Que puis-je faire pour vous?"
       id="skills"
     />
 

diff --git a/src/container/Form/index.tsx b/src/container/Form/index.tsx
@@ -92,7 +92,7 @@ const Component = () => {
         isLabel={false}
         isTextArea={false}
         type="submit"
-        value="Contact Me 📧"
+        value="Contactez moi 📧"
         inputCSS="font-[bellefair] bg-torchRed px-10 py-3 text-2xl rounded-xl w-full text-center cursor-pointer hover:text-tuatara hover:bg-white duration-300 ease-in-out text-white"
       />
 

diff --git a/src/data/experimentations.tsx b/src/data/experimentations.tsx
@@ -11,7 +11,7 @@ export const Experimentation: Projects[] = [
     projectIllustration: "assets/img/crowdfund.webp",
     projectTitle: "Crowdfunding webapp",
     projectDescription:
-      "Explore this participatory funding product page where users can select offers to increase funding and bookmark products they wish to support. Built with React, TypeScript, and TailwindCSS.",
+      "Explorez cette page de produits de financement participatif où les utilisateurs peuvent sélectionner des offres pour augmenter le financement et mettre en signet les produits qu'ils souhaitent soutenir. ",
     projectStack: (
       <>
         <SkillsIcons kind="react" />
@@ -54,7 +54,7 @@ export const Experimentation: Projects[] = [
     projectIllustration: "assets/img/calculator-app.webp",
     projectTitle: "Calculator app",
     projectDescription:
-      "Build and interact with this calculator app, developed to enhance my TypeScript and unit testing skills. The project follows clean code practices for maintainability.",
+      "Calculatrice développée pour améliorer mes compétences en TypeScript et en tests unitaires. Le projet suit des pratiques de clean code pour la maintenabilité.",
     projectStack: (
       <>
         <SkillsIcons kind="ts" />
@@ -88,7 +88,7 @@ export const Experimentation: Projects[] = [
     projectIllustration: "assets/img/box-generator.webp",
     projectTitle: "Boxy generator",
     projectDescription:
-      "Create CSS box-shadow code effortlessly with this generator. This project helped me learn Redux toolkit and state management concepts using React.",
+      "Créez la propriété CSS box-shadow sans effort avec ce générateur. Ce projet m'a permis d'apprendre l'outil Redux et les concepts de gestion d'état en utilisant React.",
     projectStack: (
       <>
         <SkillsIcons kind="react" />

diff --git a/src/data/navItems.ts b/src/data/navItems.ts
@@ -3,17 +3,17 @@ import { navItem } from "@definitions/definitions";
 export const navItems: navItem[] = [
   {
     id: "r*sIHGR",
-    content: "Projects",
+    content: "Projets",
     href: "#projects",
   },
   {
     id: "xb9lRdH",
-    content: "Experimentations",
+    content: "Expérimentations",
     href: "#experimentations",
   },
   {
     id: "Pd-A7s^",
-    content: "Skills",
+    content: "Compétences",
     href: "#skills",
   },
   {

diff --git a/src/data/professional.tsx b/src/data/professional.tsx
@@ -11,7 +11,7 @@ export const Professional: Projects[] = [
     projectIllustration: "assets/img/invoice-app.webp",
     projectTitle: "Invoice App",
     projectDescription:
-      "Check out my new fullstack project soon! However, you can now launch it on your local machines (procedures available in the readme). See the two github icons below",
+      "Découvrez bientôt mon nouveau projet fullstack ! Cependant, vous pouvez le lancer sur vos machines locales (procédures disponibles dans le readme). Voir les deux icônes github ci-dessous.",
     projectStack: (
       <>
         <SkillsIcons kind="react" />
@@ -61,7 +61,7 @@ export const Professional: Projects[] = [
     projectIllustration: "assets/img/catwiki.webp",
     projectTitle: "CatWiki",
     projectDescription:
-      "Welcome cat lovers to this site, where you can delve into the characteristics of your favorite breeds. There's also an article on why you should adopt a cat.",
+      "Bienvenue aux amoureux des chats sur ce site, où vous pourrez découvrir les caractéristiques de vos races préférées. Vous y trouverez également un article sur les raisons d'adopter un chat.",
     projectStack: (
       <>
         <div className="rounded bg-white px-1">
@@ -102,7 +102,7 @@ export const Professional: Projects[] = [
     projectIllustration: "assets/img/planets-fact.webp",
     projectTitle: "Planets fact",
     projectDescription:
-      "Dive into the properties of our solar system's planets with this interactive SPA. Built with AstroJS, this application offers a detailed exploration of each planet's characteristics.",
+      "Plongez dans les propriétés des planètes de notre système solaire avec cette SPA. Construite avec AstroJS, ce site offre une exploration détaillée des caractéristiques de chaque planète.",
     projectStack: (
       <>
         <SkillsIcons kind="astro" bgLight={false} />
@@ -142,7 +142,7 @@ export const Professional: Projects[] = [
     projectIllustration: "assets/img/dictionary.webp",
     projectTitle: "Dictionary webapp",
     projectDescription:
-      "Access a plethora of word definitions and pronunciations with this online dictionary. Built with React and TypeScript, it leverages modern web technologies for a seamless user experience.",
+      "Accédez à une pléthore de définitions et de prononciations de mots avec ce dictionnaire en ligne. Construit avec React et TypeScript, il tire parti des technologies web modernes.",
     projectStack: (
       <>
         <SkillsIcons kind="react" />
@@ -189,7 +189,7 @@ export const Professional: Projects[] = [
     projectIllustration: "assets/img/sneakers.webp",
     projectTitle: "E-commerce sneakers",
     projectDescription:
-      "Shop for sneakers in this e-commerce application built with Component Design Development and Storybook. Features include adding and removing items from the cart using React context.",
+      "Achetez des baskets dans cet e-commerce construit avec le CDD et Storybook. Les fonctionnalités incluent l'ajout et la suppression d'articles du panier en utilisant le contexte React.",
     projectStack: (
       <>
         <SkillsIcons kind="react" />
@@ -236,7 +236,7 @@ export const Professional: Projects[] = [
     projectIllustration: "assets/img/password-generator.webp",
     projectTitle: "Password generator",
     projectDescription:
-      "Generate random passwords with this TypeScript application. Customize passwords with upper/lowercase letters, numbers, and symbols, and get notified about their strength.",
+      "Générez des mots de passe aléatoires! Personnalisez vos mots de passe avec des lettres majuscules/minuscules, des chiffres et des symboles, et soyez informé de leur force.",
     projectStack: (
       <>
         <SkillsIcons kind="ts" />

diff --git a/src/data/skills.tsx b/src/data/skills.tsx
@@ -9,7 +9,7 @@ export const skills: Skills[] = [
     skillsTitle: "Frontend",
     skillsIcons: <GeneralIcons kind="design" />,
     skillsPresentation:
-      "I offer my expertise in accurately translating frontend designs from Figma prototypes, as well as crafting custom designs aligned with specific design guidelines and principles.",
+      "J'offre mon expertise dans la reproduction précise des prototypes Figma, ainsi que dans l'élaboration de conceptions personnalisées alignées sur des lignes directrices et des principes de conception spécifiques.",
     skills: (
       <>
         <SkillsIcons kind="react" />
@@ -29,7 +29,7 @@ export const skills: Skills[] = [
     skillsTitle: "Backend",
     skillsIcons: <GeneralIcons kind="database" />,
     skillsPresentation:
-      "I offer services with the ability to implement architectural patterns, including MVC and MVT. Moreover, I am proficient in using containers to enhance application management and ensure portability.",
+      "Je propose mes services afin de mettre en œuvre des modèles architecturaux, notamment MVC/MVT. En outre, je sais utiliser les conteneurs pour améliorer la gestion des applications et garantir la portabilité.",
     skills: (
       <>
         <SkillsIcons kind="python" />
@@ -43,10 +43,10 @@ export const skills: Skills[] = [
   },
   {
     id: "-w*Z4el",
-    skillsTitle: "Best Practice",
+    skillsTitle: "Bonnes pratiques",
     skillsIcons: <GeneralIcons kind="practise" />,
     skillsPresentation:
-      "In every project, I focus on mobile-first development, scalability and unit test automation. In addition, I apply Git for version control and teamwork for efficient code base management.",
+      "Dans chaque projet, je me concentre sur le développement mobile, l'évolution et l'automatisation des tests unitaires. De plus, l'utilisation de Git permet une gestion efficace du code.",
     skills: (
       <>
         <SkillsIcons kind="git" />