[{"data":1,"prerenderedAt":567},["ShallowReactive",2],{"page-\u002Fprojects\u002Fwinmac-os":3,"projects":108,"technologies":133,"project-pages":206},{"id":4,"title":5,"body":6,"description":16,"extension":101,"meta":102,"navigation":103,"path":104,"seo":105,"stem":106,"__hash__":107},"content\u002Fprojects\u002Fwinmac-os.md","Winmac OS",{"type":7,"value":8,"toc":94},"minimark",[9,13,17,26,31,35,39,67,81,86,90],[10,11,5],"h1",{"id":12},"winmac-os",[14,15,16],"p",{},"Développement d’un mini OS dans un navigateur, basé sur un projet d’école",[18,19],"projects-simple-image",{":links":20,"alt":21,"src":22,"title":23,"url":24,"variant":25},"[{\"title\":\"Voir le projet en ligne\",\"url\":\"https:\u002F\u002Fwinmac-os.melvincourant.fr\u002F\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"},{\"title\":\"Voir le code source sur Github\",\"url\":\"https:\u002F\u002Fgithub.com\u002FMelvinCourant\u002Fwinmac-os\",\"src\":\"\u002Ficons\u002Fgithub.svg\"}]","Aperçu de WInmac OS","\u002Fprojects\u002Fwinmac-os\u002Fcover.webp","Voir le projet en ligne","https:\u002F\u002Fwinmac-os.melvincourant.fr\u002F","cover",[27,28,30],"h2",{"id":29},"stack-technique","Stack technique",[32,33],"projects-tech-stack",{":stack":34},"[\"Vue.js\",\"Pinia\",\"Sass\",\"Figma\"]",[27,36,38],{"id":37},"pourquoi-jai-créé-ce-projet","Pourquoi j’ai créé ce projet ?",[14,40,41,42,46,47,50,51,54,55,58,59,62,63,66],{},"Ce projet était à l’origine un ",[43,44,45],"strong",{},"rendu"," pour le cours de ",[43,48,49],{},"JavaScript"," de mon ",[43,52,53],{},"Master en Ingénierie du Web",". L’objectif ? Créer un ",[43,56,57],{},"mini OS"," fonctionnant dans un navigateur web, développé uniquement en ",[43,60,61],{},"JavaScript natif"," et avec l’aide des ",[43,64,65],{},"API web",".",[14,68,69,70,73,74,77,78,66],{},"Passionné par ce projet à l’époque, j’y avais investi beaucoup de temps. Aujourd’hui, j’ai décidé de le ",[43,71,72],{},"moderniser"," en y intégrant les ",[43,75,76],{},"compétences"," acquises depuis, ainsi que de ",[43,79,80],{},"nouvelles fonctionnalités",[14,82,83],{},[43,84,85],{},"J’ai ainsi donné une seconde vie à ce projet, en faisant une version plus complète et personnelle.",[27,87,89],{"id":88},"figma","Figma",[91,92],"projects-iframe-wrapper",{"src":93},"https:\u002F\u002Fembed.figma.com\u002Fdesign\u002FNvPyrH0JzTdilwat9QkepY\u002FWinmac-OS?embed-host=share",{"title":95,"searchDepth":96,"depth":96,"links":97},"",2,[98,99,100],{"id":29,"depth":96,"text":30},{"id":37,"depth":96,"text":38},{"id":88,"depth":96,"text":89},"md",{},true,"\u002Fprojects\u002Fwinmac-os",{"title":5,"description":16},"projects\u002Fwinmac-os","bRQ_Enk3-awr3Hz-3DSXkQKyIZPc760DTRCOvClUdyM",{"id":109,"extension":110,"meta":111,"projects":112,"stem":131,"__hash__":132},"projects\u002Fprojects.yml","yml",{},[113,118,121,126],{"title":114,"image":115,"url":116,"color":117},"Globe Trotter","\u002Fprojects\u002Fglobe-trotter\u002Fglobe-trotter.webp","\u002Fprojects\u002Fglobe-trotter","red",{"title":5,"image":119,"url":104,"color":120},"\u002Fprojects\u002Fwinmac-os\u002Fwinmac-os.webp","purple",{"title":122,"image":123,"url":124,"color":125},"Shifumi Fight Pokémon Edition","\u002Fprojects\u002Fshifumi-fight-pokemon-edition\u002Fshifumi-fight.webp","\u002Fprojects\u002Fshifumi-fight-pokemon-edition","yellow",{"title":127,"image":128,"url":129,"color":130},"La Suite and Co","\u002Fprojects\u002Fla-suite-and-co\u002Fla-suite-and-co.webp","\u002Fprojects\u002Fla-suite-and-co","green","projects","gda4vqbfQiMMO4Ej_57CouKpJT-rdzqyp9VZpxsjj9s",{"id":134,"extension":110,"meta":135,"stem":136,"technologies":137,"__hash__":205},"technologies\u002Ftechnologies.yml",{},"technologies",[138,144,149,154,160,165,170,175,180,185,190,195,200,203],{"name":139,"category":140,"src":141,"description":142,"color":143},"Vue.js","frontend","\u002Ficons\u002Fvuejs.svg","Pour en prendre plein la vue","#B4E4CF",{"name":49,"category":145,"src":146,"description":147,"color":148},"fullstack","\u002Ficons\u002Fjavascript.svg","Pour donner vie aux sites webs","#F7ECA1",{"name":89,"category":150,"src":151,"description":152,"color":153},"tools","\u002Ficons\u002Ffigma.svg","C'est l'heure du dasagn","#C699FF",{"name":155,"category":156,"src":157,"description":158,"color":159},"AdonisJS","backend","\u002Ficons\u002Fadonisjs.svg","Adieu Express, bonjour Adonis","#FAF2DE",{"name":161,"category":140,"src":162,"description":163,"color":164},"Sass","\u002Ficons\u002Fsass.svg","CSS c’est bien mais Sass c’est mieux","#E6B2CC",{"name":166,"category":156,"src":167,"description":168,"color":169},"PHP","\u002Ficons\u002Fphp.svg","Toujours vivant, toujours debout","#A7BAF1",{"name":171,"category":150,"src":172,"description":173,"color":174},"Wordpress","\u002Ficons\u002Fwordpress.svg","Les sites webs en express","#ABD8ED",{"name":176,"category":145,"src":177,"description":178,"color":179},"TypeScript","\u002Ficons\u002Ftypescript.svg","Du même type que le JS","#ADCBEB",{"name":181,"category":150,"src":182,"description":183,"color":184},"Git","\u002Ficons\u002Fgit.svg","Des branches à tout va","#F8AEA0",{"name":186,"category":156,"src":187,"description":188,"color":189},"Node.js","\u002Ficons\u002Fnodejs.svg","Le JS est aussi dans le back","#BFE1B7",{"name":191,"category":140,"src":192,"description":193,"color":194},"GSAP","\u002Ficons\u002Fgsap.svg","Animer n'importe quoi","#F2ECE1",{"name":196,"category":140,"src":197,"description":198,"color":199},"Pinia","\u002Ficons\u002Fpinia.svg","De quoi être dans tous ses états","#FFE299",{"name":201,"category":140,"src":202,"color":159,"description":95},"Mapbox","\u002Ficons\u002Fmapbox.svg",{"name":204,"category":140,"src":141,"color":143},"Vue Router","Zti13z0-q78VdhTPLmf6tOG8Dv4HXFZhRU-7uJCOFlU",[207,277,397,515],{"id":208,"title":114,"body":209,"description":216,"extension":101,"meta":273,"navigation":103,"path":116,"seo":274,"stem":275,"__hash__":276},"content\u002Fprojects\u002Fglobe-trotter.md",{"type":7,"value":210,"toc":268},[211,214,217,223,225,228,230,252,258,263,265],[10,212,114],{"id":213},"globe-trotter",[14,215,216],{},"Globe Trotter est un site web qui vous permet de cartographier vos voyages de manière interactive et de les partager avec d’autres personnes",[18,218],{":links":219,"alt":220,"src":221,"title":23,"url":222,"variant":25},"[{\"url\":\"https:\u002F\u002Fglobe-trotter.tech\u002Fshared\u002Fb0fc994e-18ae-4506-9c01-6200df29c807\",\"title\":\"Voir le projet en ligne\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"},{\"url\":\"https:\u002F\u002Fgithub.com\u002FMelvinCourant\u002Fglobe-trotter\",\"title\":\"Voir le code source sur Github\",\"src\":\"\u002Ficons\u002Fgithub.svg\"}]","Aperçu de Globe Trotter","\u002Fprojects\u002Fglobe-trotter\u002Fcover.webp","https:\u002F\u002Fglobe-trotter.tech\u002Fshared\u002Fb0fc994e-18ae-4506-9c01-6200df29c807",[27,224,30],{"id":29},[32,226],{":stack":227},"[\"Vue.js\",\"Sass\",\"AdonisJS\",\"TypeScript\",\"Mapbox\",\"Figma\"]",[27,229,38],{"id":37},[14,231,232,233,236,237,240,241,248,249],{},"L’idée m’est venue lors des derniers jours de mon voyage en ",[43,234,235],{},"Amazonie",". J’ai entendu une conversation entre mes compagnons de voyage : à leur retour, ils comptaient ajouter cette aventure à leurs ",[43,238,239],{},"cartes en liège",". En les entendant, je me suis dit : ",[242,243,244,245],"em",{},"« Mais pourquoi ne ",[43,246,247],{},"développerais-je"," ",[242,250,251],{},"pas ce concept ? »",[14,253,254,255,66],{},"Avant de partir, je cherchais justement un projet qui me correspondrait et que je pourrais utiliser moi-même. Ce fut une révélation : j’avais trouvé ",[43,256,257],{},"le projet idéal",[14,259,260],{},[43,261,262],{},"J’ai donc décidé de le concrétiser pour transformer les souvenirs de voyage en quelque chose de tangible et partageable.",[27,264,89],{"id":88},[91,266],{"src":267},"https:\u002F\u002Fembed.figma.com\u002Fdesign\u002FXNRcQHb9SSIhCU8Mciy49q\u002FGlobe-trotter?embed-host=share",{"title":95,"searchDepth":96,"depth":96,"links":269},[270,271,272],{"id":29,"depth":96,"text":30},{"id":37,"depth":96,"text":38},{"id":88,"depth":96,"text":89},{},{"title":114,"description":216},"projects\u002Fglobe-trotter","PkX7dV-5hno9APyBlxbB3Ta0Qeu5TiGEO8_Nq5i3f64",{"id":278,"title":127,"body":279,"description":286,"extension":101,"meta":392,"navigation":103,"path":129,"seo":393,"stem":395,"__hash__":396},"content\u002Fprojects\u002Fla-suite-and-co.md",{"type":7,"value":280,"toc":388},[281,284,287,293,295,298,302,324,355,370,375,380,383],[10,282,127],{"id":283},"la-suite-and-co",[14,285,286],{},"Refonte du site vitrine pour l’agence de communication qui m’emploie",[18,288],{":links":289,"alt":290,"src":291,"title":23,"url":292,"variant":25},"[{\"url\":\"https:\u002F\u002Fwww.lasuiteandco.com\u002F\",\"title\":\"Voir le projet en ligne\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"}]","Aperçu de La Suite and Co","\u002Fprojects\u002Fla-suite-and-co\u002Fcover.webp","https:\u002F\u002Fwww.lasuiteandco.com\u002F",[27,294,30],{"id":29},[32,296],{":stack":297},"[\"Wordpress\",\"Sass\",\"JavaScript\",\"GSAP\"]",[27,299,301],{"id":300},"pourquoi-cette-refonte","Pourquoi cette refonte ?",[14,303,304,305,308,309,312,313,316,317,320,321,66],{},"Ce projet a démarré peu après mon ",[43,306,307],{},"arrivée chez La Suite and Co"," pour mon ",[43,310,311],{},"alternance",". À l’origine, le site était développé sur une ",[43,314,315],{},"ancienne version de Nuxt",", et l’agence souhaitait migrer vers ",[43,318,319],{},"WordPress"," pour ",[43,322,323],{},"simplifier la gestion de contenu",[14,325,326,327,330,331,334,335,338,339,342,343,346,347,350,351,354],{},"En collaboration avec le ",[43,328,329],{},"directeur artistique associé",", nous avons ",[43,332,333],{},"repensé le site"," pour conserver un ",[43,336,337],{},"effet WOW"," au niveau du ",[43,340,341],{},"visuel"," et des ",[43,344,345],{},"animations",", tout en ",[43,348,349],{},"optimisant la création de contenu"," via le ",[43,352,353],{},"back-office"," (ACF\u002FGutenberg).",[14,356,357,358,361,362,365,366,369],{},"Depuis, je m’occupe de la ",[43,359,360],{},"maintenance du site"," et mets à jour ",[43,363,364],{},"plusieurs fois par an"," le ",[43,367,368],{},"hero"," de la page d’accueil.",[371,372],"video",{":autoplay":373,":controls":373,":loop":373,":muted":373,"src":374},"true","\u002Fprojects\u002Fla-suite-and-co\u002Fvoeux-2025.mp4",[14,376,377],{},[242,378,379],{},"Vœux 2025",[371,381],{":autoplay":373,":controls":373,":loop":373,":muted":373,"src":382},"\u002Fprojects\u002Fla-suite-and-co\u002Fheader-2025.mp4",[14,384,385],{},[242,386,387],{},"Header 2025",{"title":95,"searchDepth":96,"depth":96,"links":389},[390,391],{"id":29,"depth":96,"text":30},{"id":300,"depth":96,"text":301},{},{"title":127,"description":394},"Développement du site vitrine pour l’agence de communication qui m’emploie","projects\u002Fla-suite-and-co","aJCjDzsFIE8H5bp02hTBCrFqvOY3lbKSBqwUaZeVI_c",{"id":398,"title":122,"body":399,"description":406,"extension":101,"meta":511,"navigation":103,"path":124,"seo":512,"stem":513,"__hash__":514},"content\u002Fprojects\u002Fshifumi-fight-pokemon-edition.md",{"type":7,"value":400,"toc":506},[401,404,407,413,415,418,420,442,460,490,501,503],[10,402,122],{"id":403},"shifumi-fight-pokémon-edition",[14,405,406],{},"Refonte d'un projet d'école d'un jeu de Shifumi ... mais à la sauce Pokémon !",[18,408],{":links":409,"alt":410,"src":411,"title":23,"url":412,"variant":25},"[{\"title\":\"https:\u002F\u002Fshifumi-fight.melvincourant.fr\u002F\",\"url\":\"https:\u002F\u002Fshifumi-fight.melvincourant.fr\u002F\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"},{\"title\":\"Voir le code source sur Github\",\"url\":\"https:\u002F\u002Fgithub.com\u002FMelvinCourant\u002Fshifumi-fight-pokemon-edition\",\"src\":\"\u002Ficons\u002Fgithub.svg\"}]","Aperçu de Shifumi Fight","\u002Fprojects\u002Fshifumi-fight-pokemon-edition\u002Fcover.webp","https:\u002F\u002Fshifumi-fight.melvincourant.fr\u002F",[27,414,30],{"id":29},[32,416],{":stack":417},"[\"Vue.js\",\"Pinia\",\"Vue Router\",\"Sass\",\"Figma\"]",[27,419,38],{"id":37},[14,421,422,423,426,427,430,431,434,435,438,439,441],{},"Ce projet a été développé initialement lors de ma ",[43,424,425],{},"licence professionnelle UX2i",". L’objectif était de créer un jeu de ",[43,428,429],{},"Shifumi"," (pierre, feuille, ciseaux) en ",[43,432,433],{},"HTML",", ",[43,436,437],{},"CSS"," et ",[43,440,49],{},", où le joueur affronte le programme.",[14,443,444,445,448,449,452,453,456,457],{},"J’ai eu envie de le retravailler avec mes ",[43,446,447],{},"compétences actuelles"," et un ",[43,450,451],{},"visuel plus abouti",". En réfléchissant au concept de ",[43,454,455],{},"combat"," (comme l’indiquait déjà son nom), une idée m’est venue : ",[242,458,459],{},"« Pourquoi ne pas en faire un combat Pokémon ? »",[14,461,462,463,466,467,470,471,474,475,478,479,482,483,486,487,66],{},"Les choix ",[43,464,465],{},"pierre\u002Ffeuille\u002Fciseaux"," sont devenus des ",[43,468,469],{},"attaques"," (avec le ",[43,472,473],{},"puits"," comme 4ème option), la ",[43,476,477],{},"boîte PC"," permet de sélectionner ",[43,480,481],{},"son personnage",", et le ",[43,484,485],{},"score"," est remplacé par des ",[43,488,489],{},"points de vie",[14,491,492,493,496,497,500],{},"J’ai trouvé l’idée ",[43,494,495],{},"cool et originale",", et en tant que ",[43,498,499],{},"fan de la licence",", j’ai pris beaucoup de plaisir à la concrétiser.",[27,502,89],{"id":88},[91,504],{"src":505},"https:\u002F\u002Fembed.figma.com\u002Fdesign\u002FWGG26sMqz8u5Zyiq0S6OXs\u002FShifumi-Fight?embed-host=share",{"title":95,"searchDepth":96,"depth":96,"links":507},[508,509,510],{"id":29,"depth":96,"text":30},{"id":37,"depth":96,"text":38},{"id":88,"depth":96,"text":89},{},{"title":122,"description":406},"projects\u002Fshifumi-fight-pokemon-edition","th0FkfG0JRFq4Muw1B3bWa1h6kmoRtVf6l4ZSULRTTE",{"id":4,"title":5,"body":516,"description":16,"extension":101,"meta":565,"navigation":103,"path":104,"seo":566,"stem":106,"__hash__":107},{"type":7,"value":517,"toc":560},[518,520,522,524,526,528,530,544,552,556,558],[10,519,5],{"id":12},[14,521,16],{},[18,523],{":links":20,"alt":21,"src":22,"title":23,"url":24,"variant":25},[27,525,30],{"id":29},[32,527],{":stack":34},[27,529,38],{"id":37},[14,531,41,532,46,534,50,536,54,538,58,540,62,542,66],{},[43,533,45],{},[43,535,49],{},[43,537,53],{},[43,539,57],{},[43,541,61],{},[43,543,65],{},[14,545,69,546,73,548,77,550,66],{},[43,547,72],{},[43,549,76],{},[43,551,80],{},[14,553,554],{},[43,555,85],{},[27,557,89],{"id":88},[91,559],{"src":93},{"title":95,"searchDepth":96,"depth":96,"links":561},[562,563,564],{"id":29,"depth":96,"text":30},{"id":37,"depth":96,"text":38},{"id":88,"depth":96,"text":89},{},{"title":5,"description":16},1782230217457]