Outiref

Code source de l'URL : https://remy-chevalier.fr

<!DOCTYPE html><!--Y_tXzWeSr9h5q_8H_LPxo--><html lang="fr"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imagesrcset="/_next/image?url=%2FProfile.JPG&amp;w=640&amp;q=75 640w, /_next/image?url=%2FProfile.JPG&amp;w=750&amp;q=75 750w, /_next/image?url=%2FProfile.JPG&amp;w=828&amp;q=75 828w, /_next/image?url=%2FProfile.JPG&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2FProfile.JPG&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2FProfile.JPG&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2FProfile.JPG&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2FProfile.JPG&amp;w=3840&amp;q=75 3840w" imagesizes="100vw"/><link rel="stylesheet" href="/_next/static/chunks/f3820c3be36947f1.css" data-precedence="next"/><link rel="preload" as="script" fetchpriority="low" href="/_next/static/chunks/86fe9c5cc6633218.js"/><script src="/_next/static/chunks/c4b6a775283c42e7.js" async=""></script><script src="/_next/static/chunks/55825b216849be65.js" async=""></script><script src="/_next/static/chunks/6740f161f60c6ab5.js" async=""></script><script src="/_next/static/chunks/28f2072f5c1bcc28.js" async=""></script><script src="/_next/static/chunks/turbopack-005c8381918c5559.js" async=""></script><script src="/_next/static/chunks/5bdd75233054b569.js" async=""></script><script src="/_next/static/chunks/5d73482db9761a3d.js" async=""></script><script src="/_next/static/chunks/a6d36b393be78e6f.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/247eb132b7f7b574.js" async=""></script><script src="/_next/static/chunks/47f7201e7a6807a9.js" async=""></script><script src="/_next/static/chunks/5832d8a65ffd04d4.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=GTM-5N63RKZG" as="script"/><title>Portfolio de Développeur Front-End &amp; Backend - Rémy CHEVALIER</title><meta name="description" content="Portfolio de Rémy CHEVALIER - Développeur passionné par le web et les technologies modernes. Découvrez mes projets, compétences en programmation et collaborations. Créons ensemble des solutions innovantes !"/><meta name="keywords" content="Portfolio, Rémy CHEVALIER, Rémy Chevalier, Remy, CV,  Développement, Développeur, Dev, NextJS, Web, JavaScript, ReactJS, Projets, Compétences, Programmation, Collaborations, Solutions, Innovantes, Passion, Technologies, Modernes, Design, Frontend, Backend"/><meta name="robots" content="index, follow"/><link rel="icon" href="/favicon.ico?favicon.8f2dba32.ico" sizes="32x30" type="image/x-icon"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" nomodule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("data-theme","theme","system",null,["light","dark"],null,true,true)</script><div class="bg-indigo-700 px-4 py-3 text-white dark:bg-indigo-400"><p class="text-center text-sm font-medium">🚀 De nouveaux projets sont disponibles ! Allez les découvrir maintenant !</p></div><div class="max-w-6xl mx-auto px-4 py-5"><div class="max-w-6xl mx-auto px-4 py-4"><div class="sm:hidden"><label for="Tab" class="sr-only">Tab</label><button class="group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 border-medium px-4 min-w-20 h-10 text-small gap-2 rounded-medium [&amp;&gt;svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-transparent border-default text-foreground data-[hover=true]:opacity-hover z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased" type="button" data-slot="trigger" id="react-aria-_R_96lb_" aria-haspopup="true" aria-expanded="false">Open Menu</button></div><div class="hidden sm:block"><div class="border-b border-gray-200 flex justify-between items-center"><div class="flex justify-start gap-6 m-5"><button class="text-amber-500 dark:text-sky-200 text-3xl"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg></button></div><nav class="-mb-px flex justify-end gap-6 m-9" aria-label="Tabs"><a class="hidden" href="/"> Home </a><a class="shrink-0 border-b-2 border-transparent px-1 pb-4 text-sm font-medium text-gray-500 hover:border-indigo-700 hover:text-indigo-700 dark:text-white dark:hover:text-indigo-400 dark:hover:border-indigo-400" href="/projects"> Projects </a><a class="shrink-0 border-b-2 border-transparent px-1 pb-4 text-sm font-medium text-gray-500 hover:border-indigo-700 hover:text-indigo-700 dark:text-white dark:hover:text-indigo-400 dark:hover:border-indigo-400" href="/aboutme"> About Me </a><a class="shrink-0 border-b-2 border-transparent px-1 pb-4 text-sm font-medium text-gray-500 hover:border-indigo-700 hover:text-indigo-700 dark:text-white dark:hover:text-indigo-400 dark:hover:border-indigo-400" aria-current="page" href="/sterndev"> SterNdev </a></nav></div></div></div><div class="flex flex-col md:flex-row items-start justify-between gap-12 mt-12 mb-20"><div class="flex-1 space-y-6"><h1 class="m-5 mb-8 x font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl tracking-tight"><span class="font-extrabold text-indigo-700 dark:text-indigo-400">[</span> Rémy !<span class="text-4xl"> 🚀</span> <span class="font-extrabold text-indigo-700 dark:text-indigo-400">]</span><strong class="font-extrabold text-indigo-700 dark:text-indigo-400"> . </strong></h1><div class="space-y-4"><p class="m-5">Je m&#x27;appelle <!-- -->Rémy Chevalier<!-- -->, j&#x27;ai <!-- -->18<!-- --> ans, et je suis passionné par le développement informatique. Curieux et motivé, j&#x27;explore les technologies modernes pour créer des projets qui combinent innovation et efficacité.</p><p class="m-5">Que ce soit en apprenant de nouvelles compétences, en travaillant sur des projets personnels ou en collaborant avec d&#x27;autres, je cherche constamment à me dépasser et à approfondir mes connaissances dans ce domaine en pleine évolution.</p><p class="m-5">Mon<!-- --> <a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium no-underline hover:opacity-80 active:opacity-disabled transition-opacity text-indigo-700 dark:text-indigo-400 hover:underline" href="/projects" tabindex="0" role="link"> <!-- -->portfolio</a> <!-- -->reflète mon parcours, mes idées et ma créativité.<!-- --> </p><p class="m-5"> Bienvenue dans mon univers numérique ! </p></div></div><div class="w-full md:w-1/3 flex justify-center"><div class="relative w-64 h-80 overflow-hidden rounded-t-full bg-black"><a href="https://www.linkedin.com/in/r%C3%A9my-chevalier-225051235/" target="_blank"><img alt="Portrait de Rémy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2FProfile.JPG&amp;w=640&amp;q=75 640w, /_next/image?url=%2FProfile.JPG&amp;w=750&amp;q=75 750w, /_next/image?url=%2FProfile.JPG&amp;w=828&amp;q=75 828w, /_next/image?url=%2FProfile.JPG&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2FProfile.JPG&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2FProfile.JPG&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2FProfile.JPG&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2FProfile.JPG&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2FProfile.JPG&amp;w=3840&amp;q=75"/></a></div></div></div><hr class="shrink-0 bg-divider border-none w-full h-divider" role="separator"/><div><br/><h2 class="m-5 font-bold text-grey-900 dark:text-gray-100 sm:text-3xl text-center tracking-wider space-x-4">Mes projets</h2><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"></div><div class="flex justify-center mt-8"><a class="relative inline-flex items-center tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-medium no-underline hover:opacity-80 active:opacity-disabled transition-opacity text-indigo-700 dark:text-indigo-400 hover:underline" href="/projects" tabindex="0" role="link">Voir plus</a></div></div><br/><hr class="shrink-0 bg-divider border-none w-full h-divider" role="separator"/><br/><section class="py-12"><div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-3xl font-bold text-gray-900 dark:text-gray-100 sm:text-4xl">Quelques statistiques</h2><p class="mt-4 text-gray-600 dark:text-gray-400">Voici quelques chiffres clés qui illustrent mon parcours et mes réalisations dans le domaine du design et développement.</p></div><div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4"><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-800 p-6 shadow-sm"><dt class="text-sm font-medium text-gray-600 dark:text-gray-400 text-center">Projets Réalisés</dt><dd class="mt-2 text-4xl font-extrabold text-indigo-700 dark:text-indigo-400">13</dd></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-800 p-6 shadow-sm"><dt class="text-sm font-medium text-gray-600 dark:text-gray-400 text-center">Technologies Maîtrisées</dt><dd class="mt-2 text-4xl font-extrabold text-indigo-700 dark:text-indigo-400">10+</dd></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-800 p-6 shadow-sm"><dt class="text-sm font-medium text-gray-600 dark:text-gray-400 text-center">Heures de Code</dt><dd class="mt-2 text-4xl font-extrabold text-indigo-700 dark:text-indigo-400">200+</dd></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-800 p-6 shadow-sm"><dt class="text-sm font-medium text-gray-600 dark:text-gray-400 text-center">Heure d&#x27;Apprentissage</dt><dd class="mt-2 text-4xl font-extrabold text-indigo-700 dark:text-indigo-400">1500+</dd></div></div></div></section><br/><hr class="shrink-0 bg-divider border-none w-full h-divider" role="separator"/><br/><main class="flex overflow-hidden"><div class="py-12 flex-1 lg:flex lg:justify-center lg:h-screen lg:overflow-auto"><div class="max-w-full flex-1 mx-auto px-4 text-gray-600 dark:text-gray-300"><div><h3 class="text-gray-800 dark:text-gray-100 text-3xl font-semibold sm:text-4xl">Contact us</h3><p class="mt-3">Vous avez une question ? N&#x27;hésitez pas à me contacter.</p></div><form class="space-y-5 mt-12 lg:pb-12"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6"><div><label class="font-medium">Nom et Prénom</label><input type="text" required="" class="w-full mt-2 px-3 py-2 text-gray-500 dark:text-gray-300 bg-transparent outline-none border dark:border-gray-700 focus:border-indigo-700 dark:focus:border-indigo-500 shadow-sm rounded-lg hover:border-indigo-700 dark:hover:border-indigo-500" name="nameFrom"/></div><div><label class="font-medium">Email</label><input type="email" required="" class="w-full mt-2 px-3 py-2 text-gray-500 dark:text-gray-300 bg-transparent outline-none border dark:border-gray-700 focus:border-indigo-700 dark:focus:border-indigo-500 shadow-sm rounded-lg hover:border-indigo-700 dark:hover:border-indigo-500" name="from"/></div><div><label class="font-medium">Numéro de téléphone</label><div class="relative mt-2"><input type="tel" placeholder="+33 0 00 00 00 00" required="" class="w-full px-3 py-2 text-gray-500 dark:text-gray-300 bg-transparent outline-none border dark:border-gray-700 focus:border-indigo-700 dark:focus:border-indigo-500 shadow-sm rounded-lg hover:border-indigo-700 dark:hover:border-indigo-500" name="phone"/></div></div><div><label class="font-medium">Objet</label><input type="text" required="" class="w-full mt-2 px-3 py-2 text-gray-500 dark:text-gray-300 bg-transparent outline-none border dark:border-gray-700 focus:border-indigo-700 dark:focus:border-indigo-500 shadow-sm rounded-lg hover:border-indigo-700 dark:hover:border-indigo-500" name="subject"/></div></div><div><label class="font-medium">Message</label><textarea required="" class="resize-none w-full mt-2 h-36 px-3 py-2 text-gray-500 dark:text-gray-300 bg-transparent outline-none border dark:border-gray-700 focus:border-indigo-700 dark:focus:border-indigo-500 shadow-sm rounded-lg hover:border-indigo-700 dark:hover:border-indigo-500" name="message"></textarea></div><button type="submit" class="w-full px-4 py-2 text-white font-medium bg-indigo-700 dark:bg-indigo-500 hover:bg-indigo-800 dark:hover:bg-indigo-600 active:bg-indigo-800 dark:active:bg-indigo-600 rounded-lg duration-150">Envoyer</button></form></div></div></main><br/><hr class="shrink-0 bg-divider border-none w-full h-divider" role="separator"/><br/><div class="text-center mt-20 mb-20"><h2 class="x font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl">Téléchargez mon CV</h2><p class="mx-auto mt-4 max-w-sm text-gray-500">Vous pouvez télécharger mon CV en cliquant sur le bouton ci-dessous.</p><a href="/CV.pdf" target="_blank" class="mt-8 inline-block rounded-full border border-indigo-600 px-12 py-3 text-sm font-medium text-indigo-600 hover:bg-indigo-600 hover:text-white focus:outline-none focus:ring active:bg-indigo-500 dark:border-indigo-400 dark:text-indigo-400 dark:hover:text-white dark:hover:bg-indigo-400 hover:shadow-indigo-700 dark:hover:shadow-indigo-500 shadow-2xl">Mon CV Numérique</a></div><!--$--><!--/$--><footer><div class="mx-auto max-w-screen-xl px-4 pb-8 pt-10 sm:px-6 lg:px-8 lg:pt-10"><div class="mt-8 border-t border-gray-100 pt-8 sm:flex sm:items-center sm:justify-between lg:mt-24"><ul class="flex flex-wrap justify-center gap-4 text-xs lg:justify-end"><li><a href="https://www.remy-chevalier.fr" class="text-gray-500 dark:text-gray-100 transition hover:opacity-75 hover:text-indigo-700">© <!-- -->2025<!-- -->. Rémy CHEVALIER. All rights reserved. </a></li></ul><div class="mt-8 flex justify-center gap-6 sm:mt-0 lg:justify-end"><a href="https://github.com/zanemsdev" target="_blank" rel="noopener noreferrer" class="text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a><a href="https://www.instagram.com/remy_chvl" target="_blank" rel="noopener noreferrer" class="text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a><a href="https://www.linkedin.com/in/r%C3%A9my-chevalier-225051235/" target="_blank" rel="noopener noreferrer" class="text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a href="/cdn-cgi/l/email-protection#6c0f0302180d0f182c1e090115410f04091a0d0005091e420a1e" target="_blank" rel="noopener noreferrer" class="text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22 7.535v9.465a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-9.465l9.445 6.297l.116 .066a1 1 0 0 0 .878 0l.116 -.066l9.445 -6.297z"></path><path d="M19 4c1.08 0 2.027 .57 2.555 1.427l-9.555 6.37l-9.555 -6.37a2.999 2.999 0 0 1 2.354 -1.42l.201 -.007h14z"></path></svg></a></div></div></div></footer><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="rchevalier" data-description="Support me on Buy me a coffee!" data-message="Envoyez moi un peu de soutiens dans mes projets " data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script></div><script src="/_next/static/chunks/86fe9c5cc6633218.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[19598,[\"/_next/static/chunks/5bdd75233054b569.js\",\"/_next/static/chunks/5d73482db9761a3d.js\",\"/_next/static/chunks/a6d36b393be78e6f.js\"],\"GoogleTagManager\"]\n3:I[90548,[\"/_next/static/chunks/5bdd75233054b569.js\",\"/_next/static/chunks/5d73482db9761a3d.js\",\"/_next/static/chunks/a6d36b393be78e6f.js\"],\"default\"]\n4:I[52280,[\"/_next/static/chunks/5bdd75233054b569.js\",\"/_next/static/chunks/5d73482db9761a3d.js\",\"/_next/static/chunks/a6d36b393be78e6f.js\"],\"default\"]\n5:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n6:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\ne:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/f3820c3be36947f1.css\",\"style\"]\n7:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Y-tXzWeSr9h5q_8H_LPxo\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/f3820c3be36947f1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5bdd75233054b569.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/5d73482db9761a3d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/a6d36b393be78e6f.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"fr\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{\"gtmId\":\"GTM-5N63RKZG\"}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-indigo-700 px-4 py-3 text-white dark:bg-indigo-400\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-center text-sm font-medium\",\"children\":\"🚀 De nouveaux projets sont disponibles ! Allez les découvrir maintenant !\"}]}],[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto px-4 py-5\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"footer\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-screen-xl px-4 pb-8 pt-10 sm:px-6 lg:px-8 lg:pt-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-8 border-t border-gray-100 pt-8 sm:flex sm:items-center sm:justify-between lg:mt-24\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap justify-center gap-4 text-xs lg:justify-end\",\"children\":[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.remy-chevalier.fr\",\"className\":\"text-gray-500 dark:text-gray-100 transition hover:opacity-75 hover:text-indigo-700\",\"children\":[\"© \",2025,\". Rémy CHEVALIER. All rights reserved. \"]}]}]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex justify-center gap-6 sm:mt-0 lg:justify-end\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/zanemsdev\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$7\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}],\"$L8\",\"$L9\",\"$La\"]}]]}]}]}],\"$Lb\"]}]]}]}]]}]]}],{\"children\":[\"$Lc\",{},null,false,false]},null,false,false],\"$Ld\",false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"f:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ClientPageRoot\"]\n10:I[39329,[\"/_next/static/chunks/5bdd75233054b569.js\",\"/_next/static/chunks/5d73482db9761a3d.js\",\"/_next/static/chunks/a6d36b393be78e6f.js\",\"/_next/static/chunks/47f7201e7a6807a9.js\",\"/_next/static/chunks/5832d8a65ffd04d4.js\"],\"default\"]\n13:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"OutletBoundary\"]\n14:\"$Sreact.suspense\"\n16:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ViewportBoundary\"]\n18:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"MetadataBoundary\"]\n"])</script><script>self.__next_f.push([1,"8:[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/remy_chvl\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n"])</script><script>self.__next_f.push([1,"9:[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/r%C3%A9my-chevalier-225051235/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\na:[\"$\",\"a\",null,{\"href\":\"mailto:contact@remy-chevalier.fr\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-gray-700 dark:text-white transition hover:opacity-75 hover:text-indigo-700\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M22 7.535v9.465a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-9.465l9.445 6.297l.116 .066a1 1 0 0 0 .878 0l.116 -.066l9.445 -6.297z\",\"children\":[]}],[\"$\",\"path\",\"1\",{\"d\":\"M19 4c1.08 0 2.027 .57 2.555 1.427l-9.555 6.37l-9.555 -6.37a2.999 2.999 0 0 1 2.354 -1.42l.201 -.007h14z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\nb:[\"$\",\"script\",null,{\"data-name\":\"BMC-Widget\",\"data-cfasync\":\"false\",\"src\":\"https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js\",\"data-id\":\"rchevalier\",\"data-description\":\"Support me on Buy me a coffee!\",\"data-message\":\"Envoyez moi un peu de soutiens dans mes projets \",\"data-color\":\"#5F7FFF\",\"data-position\":\"Right\",\"data-x_margin\":\"18\",\"data-y_margin\":\"18\"}]\nc:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lf\",null,{\"Component\":\"$10\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@11\",\"$@12\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/47f7201e7a6807a9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/5832d8a65ffd04d4.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L13\",null,{\"children\":[\"$\",\"$14\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@15\"}]}]]}]\nd:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L16\",null,{\"children\":\"$@17\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$14\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@19\"}]}]}],null]}]\n"])</script><script>self.__next_f.push([1,"11:{}\n12:\"$c:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"17:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1a:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"IconMark\"]\n19:[[\"$\",\"title\",\"0\",{\"children\":\"Portfolio de Développeur Front-End \u0026 Backend - Rémy CHEVALIER\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Portfolio de Rémy CHEVALIER - Développeur passionné par le web et les technologies modernes. Découvrez mes projets, compétences en programmation et collaborations. Créons ensemble des solutions innovantes !\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"Portfolio, Rémy CHEVALIER, Rémy Chevalier, Remy, CV,  Développement, Développeur, Dev, NextJS, Web, JavaScript, ReactJS, Projets, Compétences, Programmation, Collaborations, Solutions, Innovantes, Passion, Technologies, Modernes, Design, Frontend, Backend\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.8f2dba32.ico\",\"sizes\":\"32x30\",\"type\":\"image/x-icon\"}],[\"$\",\"$L1a\",\"5\",{}]]\n15:null\n"])</script></body></html>