2:I[9275,[],""]
3:I[1343,[],""]
4:I[231,["231","static/chunks/231-ad43a7880cb84318.js","202","static/chunks/app/projets/page-b89b386e3203a327.js"],""]
0:["8xlXttnvkxuKqUAoujXFi",[[["",{"children":["projets",{"children":["twitch-tracker",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["projets",{"children":["twitch-tracker",{"children":["__PAGE__",{},[["$L1",[["$","head",null,{"children":[["$","title",null,{"children":"Twitch Tracker - Maximilien Herr"}],["$","meta",null,{"name":"description","content":"Découvrez mon projet de Twitch Tracker, réalisé en groupe."}],["$","link",null,{"rel":"canonical","href":"https://maximilienherr.fr/projets/twitch-tracker"}]]}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https://maximilienherr.fr\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projets\",\"item\":\"https://maximilienherr.fr/projets\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Twitch Tracker\",\"item\":\"https://maximilienherr.fr/projets/twitch-tracker\"}]}"}}],["$","section",null,{"className":"content","children":[["$","h1",null,{"children":"Développement Web - Twitch Tracker"}],["$","iframe",null,{"width":"auto","height":"400","src":"https://www.youtube-nocookie.com/embed/k-dUhISg9X4","title":"YouTube video player","allow":"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share","allowFullScreen":true}],["$","p",null,{"children":"Vous connaissez peut-être le principe d‘un Twitch Tracker, mais au cas-où, voici un rappel. L‘objectif, c‘est d‘utiliser des données de streamer, qui sont en live sur la plateforme. Ces données, ça peut être le nombre de viewers moyen, le nombre maximal de viewers … Ces données sont donc stockées dans une base de données, et l‘objectif est de les récupérer, et les mettre en page."}],["$","h2",null,{"children":"Caractéristiques techniques du projet"}],["$","h3",null,{"children":"Langages / technologies utilisés"}],["$","p",null,{"children":"Ce Twitch Tracker se base sur une base de données en MySQL, et les données sont traitées et récupérables via des points d‘accès (end-points). Ce traitement se fait en PHP, et pour les mettre en forme, on a utilisé du JavaScript. Evidemment, il y a une base de HTML et CSS pour une mise en page simpliste."}],["$","h3",null,{"children":"Combien de temps, qui et quoi ?"}],["$","p",null,{"children":["Le projet a duré une dizaine à vingtaine d‘heures par personne, avec un temps important de formation. Il a été réalisé en groupe de 3, par",["$","a",null,{"href":"https://linkedin.com/in/lucas-chalmandrier","style":{"color":"#888888"},"target":"_blank","rel":"noopener","children":"Lucas Chalmandrier"}],",",["$","a",null,{"href":"https://www.linkedin.com/in/florian-mure-9b335422b/","target":"_blank","rel":"noopener","children":"Florian Mure"}],"et moi-même, dans le cadre de notre formation du BUT Informatique Graphique."]}],["$","h2",null,{"children":"Détails du projet"}],["$","p",null,{"children":"Le projet est un peu basique, mais il faut bien commencer quelque part. Par ailleurs, nous avons utilisé GitHub pour ce projet, sur lequel vous pourrez trouver plus de détails et les sources du projet."}],["$","div",null,{"className":"logos","children":[["$","img",null,{"className":"logo","src":"/images/logos/HTML5.png","alt":"HTML5","width":456,"height":640,"loading":"lazy","decoding":"async"}],["$","img",null,{"className":"logo","src":"/images/logos/CSS.png","alt":"CSS","width":1452,"height":2048,"loading":"lazy","decoding":"async"}],["$","img",null,{"className":"logo","src":"/images/logos/JavaScript.png","alt":"JavaScript","width":480,"height":480,"loading":"lazy","decoding":"async"}],["$","img",null,{"className":"logo","src":"/images/logos/PHP.png","alt":"PHP","width":2560,"height":1383,"loading":"lazy","decoding":"async"}],["$","img",null,{"className":"logo","src":"/images/logos/MySQL.png","alt":"MySQL","width":1200,"height":621,"loading":"lazy","decoding":"async"}],["$","img",null,{"className":"logo","src":"/images/logos/git.png","alt":"Git","width":383,"height":383,"loading":"lazy","decoding":"async"}]]}],["$","h2",null,{"children":"Sources du projet"}],["$","a",null,{"href":"https://github.com/lucaschlm/twitch-tracker","target":"_blank","rel":"noopener","children":["$","img",null,{"className":"logo","src":"/images/logos/logo-sources-projet.png","alt":"Sources du projet","width":512,"height":512,"loading":"lazy","decoding":"async"}]}]]}]]],null],null]},["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children","twitch-tracker","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6db49e2b852da83c.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"en","children":[["$","head",null,{"children":[["$","meta",null,{"charSet":"UTF-8"}],["$","meta",null,{"httpEquiv":"X-UA-Compatible","content":"IE=edge"}],["$","meta",null,{"name":"viewport","content":"width=device-width, initial-scale=1.0"}],["$","meta",null,{"name":"description","content":"Je me présente, Maximilien Herr, et sur ce site, vous retrouverez mon portfolio, à travers mes projets, mon CV, et bien plus encore pour découvrir mon profil d'ingénieur logiciel et de rédacteur tech"}],["$","meta",null,{"name":"image","content":"https://maximilienherr.fr/banniere_dev_redac.png"}],["$","meta",null,{"property":"og:title","content":"Maximilien Herr - Portfolio"}],["$","meta",null,{"property":"og:description","content":"Je me présente, Maximilien Herr, et sur ce site, vous retrouverez mon portfolio, à travers mes projets, mon CV, et bien plus encore !"}],["$","meta",null,{"property":"og:image","content":"https://maximilienherr.fr/banniere_dev_redac.png"}],["$","meta",null,{"property":"og:url","content":"https://maximilienherr.fr"}],["$","link",null,{"rel":"icon","href":"/favicon.ico"}],["$","title",null,{"children":"Maximilien Herr"}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Person\",\"name\":\"Maximilien Herr\",\"url\":\"https://maximilienherr.fr\",\"sameAs\":[\"https://www.linkedin.com/in/maximilienherr\",\"https://github.com/maximilienherr\"]}"}}]]}],["$","body",null,{"className":"__className_d65c78","children":[["$","section",null,{"className":"header","children":["$","div",null,{"className":"nav","children":[["$","input",null,{"type":"checkbox","id":"nav-check"}],["$","div",null,{"className":"nav-header","children":["$","div",null,{"className":"nav-title","children":["$","$L4",null,{"href":"/","children":["$","p",null,{"children":"Maximilien Herr"}]}]}]}],["$","div",null,{"className":"nav-btn","children":["$","label",null,{"htmlFor":"nav-check","children":[["$","span",null,{}],["$","span",null,{}],["$","span",null,{}]]}]}],["$","div",null,{"className":"nav-links","children":[["$","$L4",null,{"href":"/nr","children":"Numérique Responsable"}],["$","a",null,{"href":"/#articles","children":"Rédacteur"}],["$","$L4",null,{"href":"/projets","children":"Projets"}],["$","$L4",null,{"href":"/contact","children":"Contact"}],["$","$L4",null,{"href":"/cv","className":"button","children":"MON CV"}]]}]]}]}],["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",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."}]}]]}]}]],"notFoundStyles":[],"styles":null}],["$","section",null,{"className":"footer","children":[["$","p",null,{"children":["© Maximilien Herr | ",2025," (site dev avec Next.js)"]}],["$","div",null,{"className":"socials","children":[["$","a",null,{"href":"https://www.linkedin.com/in/maximilien-herr/","target":"_blank","rel":"noopener","children":["$","p",null,{"children":"LinkedIn"}]}],["$","a",null,{"href":"https://github.com/MaximilienHe","target":"_blank","rel":"noopener","children":["$","p",null,{"children":"GitHub"}]}]]}]]}]]}]]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/10a6cc3a3ff26b94.css","precedence":"next","crossOrigin":"$undefined"}]],"$L5"]]]]
5:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Maximilien Herr - Twitch Tracker"}]]
1:null