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