remove useless project and change presentation

Valentin-Morette · Sep 7, 2024 · e1abe81 · e1abe81
1 parent 7bc37af
commit e1abe81
Show file tree

Hide file tree

Showing 7 changed files with 59 additions and 57 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -4,6 +4,11 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/assets/img/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6839994915991988"
+      crossorigin="anonymous"
+    ></script>
     <title>Valentin Morette</title>
   </head>
   <body>

diff --git a/frontend/src/components/Contacts.jsx b/frontend/src/components/Contacts.jsx
@@ -13,12 +13,9 @@ function Contacts() {
         <span className="numberH1">03.</span> Contactes
       </h1>
       <p className="infoContact">
-        Bien que je ne recherche pas de nouvelles opportunités actuellement, ma
-        boîte mail est toujours ouverte.
-        <br />
-        <br />
-        Que vous ayez une question ou que vous souhaitiez simplement dire
-        bonjour, je ferai de mon mieux pour vous répondre !
+        Toujours à l'affût de nouvelles opportunités. Ma boîte mail est grand
+        ouverte, que ce soit pour répondre à vos questions ou juste pour
+        échanger un petit bonjour sympathique. N'hésitez pas à me contacter !
         <br />
         <br />
         Vous pouvez également me retrouver sur les réseaux sociaux, comme

diff --git a/frontend/src/components/Presentation.jsx b/frontend/src/components/Presentation.jsx
@@ -9,25 +9,25 @@ function Presentation() {
       </h1>
       <div className="textImg">
         <p>
-          Bonjour, je m'appelle Valentin Morette,
+          Salut ! Je m'appelle Valentin Morette et je suis développeur web
+          back-end. J'ai commencé mon parcours à la Wild Code School, où j'ai
+          suivi une formation en développement web et mobile. C'est là que j'ai
+          acquis les bases du métier, en apprenant React, et en travaillant sur
+          des projets concrets.
           <br />
-          Je suis développeur web fullstack.
           <br />
+          Après ma formation, j'ai travaillé pendant un an et demi chez
+          Inter-Actif, un revendeur Apple Premium Reseller. Pendant cette
+          période, j'ai eu l'occasion de travailler sur des projets variés,
+          notamment en développement d'API et en gestion de bases de données.
           <br />
-          J'ai fais une formation de développeur web et web mobile à la Wild
-          Code School.
           <br />
-          <br />
-          Lors de cette formation j'ai appris les bases de la programmation et
-          j'ai ensuite fais un stage de 6 mois chez Inter-Actif, un Apple
-          Premium Reseller.
-          <br />
-          <br />
-          Suite à ce stage j'ai été embauché en tant que développeur web
-          fullstack, je suis en charge du developpement de l'API qui alimente
-          l'ensemble des projets de l'entreprise ainsi que la mise a jour du
-          progiciel de l'entreprise.
+          Aujourd'hui, je suis chez Ikoula, un hébergeur web, où je gère le
+          tunnel de vente du site marchand. Mon rôle est de m'assurer que tout
+          fonctionne bien pour les utilisateurs, tout en améliorant et
+          maintenant les systèmes en place.
         </p>
+
         <div className="overlay">
           <img src={pp} alt="pp" className="pp" />
         </div>

diff --git a/frontend/src/components/Project.jsx b/frontend/src/components/Project.jsx
@@ -21,7 +21,9 @@ function Project({ project }) {
 
   return (
     <a href={project.lien} target="_blank" rel="noopener noreferrer">
-      <article className="project">
+      <article
+        className={`project ${project.fav ? "highlighted-project" : ""}`}
+      >
         <div className="betProject">
           <ul className="upProject">
             <li>
@@ -46,6 +48,7 @@ Project.propTypes = {
     description: PropTypes.string.isRequired,
     lien: PropTypes.string.isRequired,
     icon: PropTypes.string.isRequired,
+    fav: PropTypes.bool.isRequired,
   }).isRequired,
 };
 

diff --git a/frontend/src/components/Projects.jsx b/frontend/src/components/Projects.jsx
@@ -13,13 +13,13 @@ function Projects() {
       </h1>
       <ProjectsCategories
         number="1"
-        category="Sites"
-        dataProjects={dataProjectsSites}
+        category="Bots Discord"
+        dataProjects={dataProjectsBotsDiscord}
       />
       <ProjectsCategories
         number="2"
-        category="Bots Discord"
-        dataProjects={dataProjectsBotsDiscord}
+        category="Sites"
+        dataProjects={dataProjectsSites}
       />
       <ProjectsCategories
         number="3"

diff --git a/frontend/src/components/css/Project.css b/frontend/src/components/css/Project.css
@@ -1,3 +1,15 @@
+@keyframes glow {
+  0% {
+    box-shadow: 0 0 1px #ffd700;
+  }
+  50% {
+    box-shadow: 0 0 10px #ffd700;
+  }
+  100% {
+    box-shadow: 0 0 1px #ffd700;
+  }
+}
+
 .projects {
   margin-top: 2rem;
   display: grid;
@@ -57,6 +69,10 @@
   margin-bottom: 1rem;
 }
 
+.highlighted-project {
+  animation: glow 2s ease-in-out infinite;
+}
+
 @media (min-width: 400px) {
   .betProject {
     padding: 2rem;

diff --git a/frontend/src/datas/dataProjects.jsx b/frontend/src/datas/dataProjects.jsx
@@ -6,30 +6,16 @@ const dataProjectsSites = [
       "Il s'agit d'un site vitrine pour une pizzeria à Montréal. Le site affiche la carte des pizzas et les coordonnées, il est relié à un google sheet pour que le propriétaire puisse modifier les informations facilement.",
     lien: "https://pizzeria-le-charbon.com/",
     icon: "site",
+    fav: false,
   },
-  // {
-  //   id: 1,
-  //   title: "AppFolio",
-  //   description:
-  //     "Il s'agit d'un portfolio secondaire (et donc toujours actif) qui présente mes projets qui ne sont pas des sites web. Comme des bots discord, des bots twitter, des extensions chrome.",
-  //   lien: "https://valentin-morette.github.io/portfolio_bots/",
-  //   icon: "site",
-  // },
   {
     id: 2,
     title: "Portfolio V1",
     description:
       "Il s'agit de mon premier portfolio, son design ancien ma donné envie de le refaire pour celui-ci.",
     lien: "https://valentin-morette.github.io/portfolio/",
     icon: "site",
-  },
-  {
-    id: 3,
-    title: "Shop Around Me",
-    description:
-      "Il s'agit du troisième projet de groupe réalisé à la Wild Code School. L'application mobile permet de trouver des produits proches de l'utilisateur.",
-    lien: "https://valentin-morette.github.io/Shop-around-me/",
-    icon: "site",
+    fav: false,
   },
   {
     id: 4,
@@ -38,6 +24,7 @@ const dataProjectsSites = [
       "Il s'agit du second projet de groupe réalisé à la Wild Code School. Ce jeu utilise l'API 'The Movie Database' et consiste à deviner le plus rapidement possible le poster d'un film.",
     lien: "https://theodep.github.io/Posteries/#/",
     icon: "site",
+    fav: false,
   },
   {
     id: 5,
@@ -46,6 +33,7 @@ const dataProjectsSites = [
       "Le premier projet de groupe réalisé à la Wild Code School, il s'agit d'un trombinoscope de notre promotion.",
     lien: "https://Valentin-Morette.github.io/trombinoscope/",
     icon: "site",
+    fav: false,
   },
   {
     id: 6,
@@ -54,6 +42,7 @@ const dataProjectsSites = [
       "Ce site permet de générer des mots de passe aléatoires, il est possible de choisir la longueur du mot de passe, et les caractères qui le composent.",
     lien: "https://valentin-morette.github.io/password_generator/",
     icon: "site",
+    fav: false,
   },
   {
     id: 7,
@@ -62,22 +51,7 @@ const dataProjectsSites = [
       "Cette page utilise l'API du jeu d'algorithme Code Wars pour regrouper les statistiques de l'ensemble de la promotion de la Wild Code School sur ce jeu.",
     lien: "https://Valentin-Morette.github.io/wild-code-wars/",
     icon: "site",
-  },
-  {
-    id: 8,
-    title: "Mario 64 Soluce",
-    description:
-      "Ce site présente des solutions pour le jeu Mario 64 sous forme vidéo.",
-    lien: "https://valentin-morette.github.io/Mario64Soluce/",
-    icon: "site",
-  },
-  {
-    id: 9,
-    title: "To Do List",
-    description:
-      "Petit entraînement sur l'exercice classique de la To Do List.",
-    lien: "https://valentin-morette.github.io/ToDoList/",
-    icon: "site",
+    fav: false,
   },
   {
     id: 10,
@@ -86,6 +60,7 @@ const dataProjectsSites = [
       "Ce jeu reprend les principes établis par Cookie-Clicker, et constitue un espace d'entraînement pour perfectionner mes compétences en React en dehors des exercices proposés dans les cours.",
     lien: "https://Valentin-Morette.github.io/coockie_cliker/",
     icon: "site",
+    fav: false,
   },
 ];
 
@@ -97,6 +72,7 @@ const dataProjectsBotsDiscord = [
       "PokéChat est un bot Discord qui permet de jouer à pokémon sur Discord, il est possible de capturer des pokémons, de les échanger et de les faire évoluer. Le bot est également capable de configurer le serveur en une commande.",
     lien: "https://discord.gg/WKReA5nsFM",
     icon: "discord",
+    fav: true,
   },
   {
     id: 4,
@@ -105,6 +81,7 @@ const dataProjectsBotsDiscord = [
       "AwinAffiliation est un bot Discord qui permet de générer des liens affiliés Awin pour les sites marchands Fnac, Eneba et Cdiscount.",
     lien: "https://github.com/Valentin-Morette/DiscordAwin",
     icon: "discord",
+    fav: false,
   },
   {
     id: 2,
@@ -113,6 +90,7 @@ const dataProjectsBotsDiscord = [
       "Le bot Discord CodewarsStats est un bot Discord qui permet de consulter les statistiques et le classement des utilisateurs de Codewars.",
     lien: "https://github.com/Valentin-Morette/BotDiscordCW",
     icon: "discord",
+    fav: false,
   },
   {
     id: 1,
@@ -121,6 +99,7 @@ const dataProjectsBotsDiscord = [
       "Le bot Discord BDM (Blague de Merde) est un bot amusant qui répond à vos messages en utilisant des punchlines drôles.",
     lien: "https://github.com/Valentin-Morette/DiscordBotBDM",
     icon: "discord",
+    fav: false,
   },
   {
     id: 3,
@@ -129,6 +108,7 @@ const dataProjectsBotsDiscord = [
       "Le bot Discord PublishTwitter est un bot Discord qui me permet de tweeter sur mon compte Twitter depuis un canal spécifique sur Discord. C'est un bot personnel qui n'est pas accessible à l'installation.",
     lien: "https://twitter.com/BiiiiipBooop",
     icon: "twitter",
+    fav: false,
   },
 ];
 
@@ -140,6 +120,7 @@ const dataProjectsExtensionsChrome = [
       "L'extension Codewars Stats est une extension Chrome qui permet de consulter les statistiques et le classement des utilisateurs de Codewars. Elle permet également de consulter les informations sur les katas en cours et d'obtenir plus de statistiques sur la page de profil.",
     lien: "https://chrome.google.com/webstore/detail/codewars-stats/hgkijebblcanpapihobhgacojbocnham?hl=fr",
     icon: "chrome",
+    fav: false,
   },
 ];