{"id":14,"date":"2025-06-28T12:40:31","date_gmt":"2025-06-28T12:40:31","guid":{"rendered":"https:\/\/www.designsbylb.com\/about\/"},"modified":"2026-01-26T10:44:54","modified_gmt":"2026-01-26T10:44:54","slug":"about","status":"publish","type":"page","link":"https:\/\/www.designsbylb.com\/nl\/about\/","title":{"rendered":"Over mij"},"content":{"rendered":"<div class=\"flex-center wp-elements-3fb2a84165789ac17c8b91ee4ae5e9f5\">\r\n    <div style=\"padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);margin-top:0;margin-bottom:0;\" class=\"custom-post custom-post--h-lg custom-post--color-darkbrown custom-post__header--title--a-left wp-elements-3fb2a84165789ac17c8b91ee4ae5e9f5 wp-block-designsbylb-custom-block has-text-color has-note-text-color has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(198, 182, 172, .5)\" style=\"background-image: linear-gradient(to right, rgba(198, 182, 172, .5), rgba(198, 182, 172, .5))\" class=\"blockylicious-low-highlight\">LB Designs<\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    <em>Van onderwijs naar tech<\/em>                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>Wie ben ik? Mijn naam is Laila en ik ben een sociaal en empathisch persoon die graag anderen helpt. Ik hou ervan om websites te bouwen.<\/p><p><br>Mijn sterkste eigenschap is mijn analytisch denkvermogen en mijn vermogen om snel nieuwe dingen te leren. Daarnaast ben ik creatief en haal ik veel plezier uit tekenen en het bouwen van dingen. Dit sluit goed aan bij mijn liefde voor front-end webdevelopment, een vakgebied dat voor mij voelt als bouwen met digitale LEGO.<\/p><p><\/p><p>Ik ben momenteel bezig om <strong>fullstack<\/strong> developer te worden. (meer informatie op mijn portfolio)  <\/p><p><br><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:0rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--soft-ash sticky-note--right sticky-note--tilted-right\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Mijn hobbies                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-Lezen<\/li>\r\n                                        <li>-Gamen<\/li>\r\n                                        <li>-Coderen<\/li>\r\n                                        <li>-Bakken\/koken<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center wp-elements-50f205cfbc0ad746d0761a96fd341c97\">\r\n    <div style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);\" class=\"custom-post custom-post--h-md custom-post--color-darkbrown custom-post__header--title--a-left wp-elements-50f205cfbc0ad746d0761a96fd341c97 wp-block-designsbylb-custom-block has-text-color has-deep-taupe-charcoal-color has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(198, 182, 172, .5)\" style=\"background-image: linear-gradient(to right, rgba(198, 182, 172, .5), rgba(198, 182, 172, .5))\" class=\"blockylicious-low-highlight\">Waar ik momenteel aan werk<\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    <em>Mijn ( League of Legends ) arena app<\/em>                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>Ik krijg energie van groei en het zien van duidelijke vooruitgang in wat ik doe.<br>Op de lange termijn zou ik graag bijdragen aan het ontwikkelen van een app en me verder ontwikkelen tot een ervaren webdeveloper. Dat is, zoals je het zou kunnen zeggen, mijn langetermijndoel.<\/p><p>Op dit moment werk ik aan een app voor een game die ik speel: League of Legends. De app berekent met welke champions ik al heb gewonnen. <u class=\"my-underline\">League of legends<\/u>. De app berekent met welke champions ik al heb gewonnen. <\/p><p><\/p><p><strong>Ik heb dit opgedeeld in stappen die ik graag met je deel~  <\/strong><\/p><p><br><span data-color=\"#fff6cf\" style=\"background-image: linear-gradient(to right, #fff6cf, #fff6cf)\" class=\"blockylicious-low-highlight\"><strong><u class=\"my-underline\">Stap 1 <\/u><\/strong><\/span>Voorbereiding (API-sleutel + project)<br><strong><span data-color=\"#fff6cf\" style=\"background-image: linear-gradient(to right, #fff6cf, #fff6cf)\" class=\"blockylicious-low-highlight\">1.<\/span><\/strong> Maak een klein project aan (elke stack is mogelijk: Node\/Express + vanilla HTML is het eenvoudigst). Ik koos voor <strong>Node<\/strong>.<br><strong><span data-color=\"#fff6cf\" style=\"background-image: linear-gradient(to right, #fff6cf, #fff6cf)\" class=\"blockylicious-low-highlight\">2<\/span>.<\/strong> Maak een gratis Riot Developer-account aan en genereer een development API-sleutel <u class=\"my-underline\">development API key<\/u>.<br><strong><span data-color=\"#fff6cf\" style=\"background-image: linear-gradient(to right, #fff6cf, #fff6cf)\" class=\"blockylicious-low-highlight\">3<\/span><\/strong>. Maak een<em> .env <\/em>(of equivalent) aan om <strong>' RIOT_API_KEY ' op te slaan<\/strong><br><strong><span data-color=\"#fff6cf\" style=\"background-image: linear-gradient(to right, #fff6cf, #fff6cf)\" class=\"blockylicious-low-highlight\">4<\/span><\/strong>. Bepaal de routing per platform:<\/p><p><strong>\u2013 Account\/PUUID:<\/strong>Gebruik het accountcluster dat zich het dichtst bij jouw shard bevindt (bijv. Europa, Amerika\u2019s, Azi\u00eb).<br><strong>- Wedstrijden:<\/strong> Gebruik het accountcluster dat zich het dichtst bij jouw shard bevindt (bijv. Europa, Amerika\u2019s, Azi\u00eb).<\/p><p><\/p><p><span data-color=\"#ddf7e5\" style=\"background-image: linear-gradient(to right, #ddf7e5, #ddf7e5)\" class=\"blockylicious-low-highlight\"><strong>Stap 2 - Riot ID omzetten naar PUUID<\/strong><\/span><br><strong><span data-color=\"#ddf7e5\" style=\"background-image: linear-gradient(to right, #ddf7e5, #ddf7e5)\" class=\"blockylicious-low-highlight\">1.<\/span><\/strong> Invoerformaat: gameName#tagLine (bijv. AhriMains#EUW).<br><strong><span data-color=\"#ddf7e5\" style=\"background-image: linear-gradient(to right, #ddf7e5, #ddf7e5)\" class=\"blockylicious-low-highlight\">2<\/span>. <\/strong>Call: \/riot\/account\/v1\/accounts\/by-riot-id\/{gameName}\/{tagLine} \u2192 verkrijg puuid.<\/p><p><br><strong><span data-color=\"#d4effb\" style=\"background-image: linear-gradient(to right, #d4effb, #d4effb)\" class=\"blockylicious-low-highlight\">Step 4 \u2013 Haal de wedstrijd IDs op<\/span><\/strong><br><strong><span data-color=\"#d4effb\" style=\"background-image: linear-gradient(to right, #d4effb, #d4effb)\" class=\"blockylicious-low-highlight\">1.<\/span><\/strong> Call: \/lol\/match\/v5\/matches\/by-puuid\/{puuid}\/ids?start=0&amp;count=100.<br><strong><span data-color=\"#d4effb\" style=\"background-image: linear-gradient(to right, #d4effb, #d4effb)\" class=\"blockylicious-low-highlight\">2.<\/span> <\/strong> Gebruik pagination (start += 100) om voldoende matches te verzamelen voor Arena-geschiedenis.<\/p><p><br><strong><span data-color=\"#f0e9ff\" style=\"background-image: linear-gradient(to right, #f0e9ff, #f0e9ff)\" class=\"blockylicious-low-highlight\">Stap 4 - Alleen Arena-wedstrijden behouden  (filteren)<\/span><\/strong><br><strong><span data-color=\"#f0e9ff\" style=\"background-image: linear-gradient(to right, #f0e9ff, #f0e9ff)\" class=\"blockylicious-low-highlight\">1. <\/span><\/strong>Voor elke spel-ID : \n\/lol\/match\/v5\/matches\/{matchId}.<br><strong><span data-color=\"#f0e9ff\" style=\"background-image: linear-gradient(to right, #f0e9ff, #f0e9ff)\" class=\"blockylicious-low-highlight\">2.<\/span><\/strong> Controleer spel.info.queueId \u2208 {1700, 1710} (Arena queues).<\/p><p><\/p><p>Op dit moment haalt de app alleen data op van een beperkt aantal dagen. Wanneer het project afgerond is, hoop ik een permanente API-sleutel aan te (mogen) vragen, zodat de data niet dagelijks vernieuwd hoeft te worden en per seizoen kan worden opgehaald. <\/p><p><\/p><p><img loading=\"lazy\" decoding=\"async\" width=\"1461\" height=\"896\" class=\"wp-image-139\" style=\"width: 600px\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/arena_app.png\" alt=\"Screenshot of my app\" srcset=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/arena_app.png 1461w, https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/arena_app-300x184.png 300w, https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/arena_app-1024x628.png 1024w, https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/arena_app-768x471.png 768w\" sizes=\"auto, (max-width: 1461px) 100vw, 1461px\" \/><\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--deep-taupe-charcoal\" style=\"margin-top:var(--wp--preset--spacing--60);margin-right:0;margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)\" href=\"https:\/\/support-leagueoflegends.riotgames.com\/hc\/en-us\/articles\/17211075407635-League-of-Legends-Arena-Game-Mode\"><span><strong>What is Arena?<\/strong><\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":10,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages\/14\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}