[{"data":1,"prerenderedAt":82},["ShallowReactive",2],{"project-pl-PL-todevelop-pl":3,"adjacent-projects-pl-PL-todevelop-pl":22,"related-projects-pl-PL-todevelop-pl":57},{"id":4,"slug":4,"title":5,"description":6,"longDescription":7,"image":8,"gallery":9,"technologies":10,"category":14,"status":15,"liveUrl":16,"githubUrl":-1,"caseStudyUrl":-1,"startDate":17,"endDate":18,"featured":19,"lang":20,"renderedContent":21},"todevelop-pl","To Develop","Blog i portfolio zbudowane w Qwik z designem cyberpunk i SEO","Strona osobista zbudowana w Qwik: portfolio i blog. Design w stylu cyberpunk (neony, ciemny motyw), responsywna, generowana statycznie.\n\nZawartość: portfolio Pawła Rutkowskiego (programista, głównie frontend) oraz blog o projektach i technologiach.\n\n## Funkcjonalności\n\n### Blog\n\nKategorie i tagi, ostatnie i wyróżnione wpisy. Kategorie: Projekty, Edukacja i inne. Tagi m.in. #inspiracje, #aplikacja-webowa, #fitness, #vue, #firebase, #ai-tools. Reading progress bar, spis treści, udostępnianie, optymalizacja SEO.\n\n### Portfolio\n\nSekcja z projektami: opisy, linki do wersji live, miniatury. M.in. To Develop, Gramy w Mieście, My Gym Track, Kolekcjoner Chwil.\n\n### O mnie\n\nStrona „O mnie” z timeline kariery, opisem specjalizacji i technologii używanych w projektach.\n\n### Technicznie\n\ni18n (PL\u002FEN) z przełącznikiem języka. Layout responsywny. Qwik daje szybkie ładowanie dzięki resumability i statycznemu generowaniu.\n\nUkład: sekcje O MNIE, BLOG, PROJEKTY, Kontakt. Interfejs czytelny, typografia dopasowana do motywu.","\u002Fimages\u002Fprojects\u002Ftodevelop.webp",[8],[11,12,13],"Qwik","Tailwind CSS","Firebase Hosting","web","completed","https:\u002F\u002Ftodevelop.pl",["Date","2021-01-01T00:00:00.000Z"],["Date","2024-06-01T00:00:00.000Z"],false,"pl-PL","\u003Cp class=\"text-body-1 mb-6\">Strona osobista zbudowana w Qwik: portfolio i blog. Design w stylu cyberpunk (neony, ciemny motyw), responsywna, generowana statycznie.\u003C\u002Fp>\n\u003Cp class=\"text-body-1 mb-6\">Zawartość: portfolio Pawła Rutkowskiego (programista, głównie frontend) oraz blog o projektach i technologiach.\u003C\u002Fp>\n\u003Ch2 class=\"text-h4 font-weight-black  text-primary mt-16 mb-6 border-s-lg border-primary ps-4\">Funkcjonalności\u003C\u002Fh2>\n\u003Ch3 class=\"text-h5 font-weight-black  text-secondary mt-8 mb-5 border-s-lg border-secondary ps-4\">Blog\u003C\u002Fh3>\n\u003Cp class=\"text-body-1 mb-6\">Kategorie i tagi, ostatnie i wyróżnione wpisy. Kategorie: Projekty, Edukacja i inne. Tagi m.in. #inspiracje, #aplikacja-webowa, #fitness, #vue, #firebase, #ai-tools. Reading progress bar, spis treści, udostępnianie, optymalizacja SEO.\u003C\u002Fp>\n\u003Ch3 class=\"text-h5 font-weight-black  text-secondary mt-8 mb-5 border-s-lg border-secondary ps-4\">Portfolio\u003C\u002Fh3>\n\u003Cp class=\"text-body-1 mb-6\">Sekcja z projektami: opisy, linki do wersji live, miniatury. M.in. To Develop, Gramy w Mieście, My Gym Track, Kolekcjoner Chwil.\u003C\u002Fp>\n\u003Ch3 class=\"text-h5 font-weight-black  text-secondary mt-8 mb-5 border-s-lg border-secondary ps-4\">O mnie\u003C\u002Fh3>\n\u003Cp class=\"text-body-1 mb-6\">Strona „O mnie” z timeline kariery, opisem specjalizacji i technologii używanych w projektach.\u003C\u002Fp>\n\u003Ch3 class=\"text-h5 font-weight-black  text-secondary mt-8 mb-5 border-s-lg border-secondary ps-4\">Technicznie\u003C\u002Fh3>\n\u003Cp class=\"text-body-1 mb-6\">i18n (PL\u002FEN) z przełącznikiem języka. Layout responsywny. Qwik daje szybkie ładowanie dzięki resumability i statycznemu generowaniu.\u003C\u002Fp>\n\u003Cp class=\"text-body-1 mb-6\">Układ: sekcje O MNIE, BLOG, PROJEKTY, Kontakt. Interfejs czytelny, typografia dopasowana do motywu.\u003C\u002Fp>\n",{"prev":23,"next":40},{"id":24,"slug":24,"title":25,"description":26,"longDescription":27,"image":28,"gallery":29,"technologies":30,"category":36,"status":15,"liveUrl":37,"githubUrl":-1,"caseStudyUrl":-1,"startDate":38,"endDate":39,"featured":19,"lang":20},"girlsjs","Girls.js","Mentoring i warsztaty z podstaw JavaScript, HTML i CSS dla kobiet. Budowanie społeczności w IT.","Jako mentor w Girls.js prowadziłem małe grupy przez podstawy JavaScript, HTML i CSS. Dla mnie to było połączenie nauki kodowania z budowaniem pewności siebie i przełamywaniem barier w branży.\n\nPraca w kameralnych grupach pozwalała dostosować tempo do każdej osoby, stworzyć przestrzeń do pytań i eksperymentów oraz pomagać przy problemach technicznych i przy frustracji „niedziałającego kodu”. Mentoring traktuję jako towarzyszenie w nauce, nie tylko przekazywanie wiedzy.\n\n## Wyzwania i sukcesy\n\n### Mentoring online (edycja 2020)\n\nCOVID-19 wymusił przeniesienie warsztatów do sieci. Z CodeSandbox Live udało się zachować interaktywność i wsparcie na żywo mimo dystansu. Okazało się, że chęć nauki dobrze przenosi się przez ekran.\n\n### Warsztaty stacjonarne (Łódź)\n\nNa edycjach w Łodzi mogłem obserwować pracę w grupie na żywo. Satysfakcją było patrzenie, jak uczestniczki wspólnie rozwiązują problemy i cieszą się z pierwszych działających skryptów.\n\nGirls.js opiera się na dostępności wiedzy (warsztaty dla osób z różnych środowisk), różnorodności w IT i wsparciu – nikt nie zostaje sam z błędem w konsoli.\n\nUdział jako mentor dał mi szansę podzielić się doświadczeniem i przypomnienie, że edukacja i wzajemna pomoc budują społeczność. Przejście od „nie rozumiem” do „działa!” u uczestniczek to coś, co zostaje w głowie.\n\n## Powiązane wpisy na blogu\n\n- [Warsztaty Girls.js Online – Mentoring w Czasach Pandemii](\u002Fblog\u002Fgirls-js-online)\n- [Girls.js warsztaty Łódź 3 – osobista relacja](\u002Fblog\u002Fgirls-js-3)\n- [Girls.js Łódź 4 – osobista relacja](\u002Fblog\u002Fgirls-js-4)","\u002Fimages\u002Fblog\u002Fgirls-js-brand-010.webp",[],[31,32,33,34,35],"JavaScript","HTML","CSS","CodeSandbox","Git","edukacja","https:\u002F\u002Fgirlsjs.pl",["Date","2021-11-14T00:00:00.000Z"],["Date","2022-06-16T00:00:00.000Z"],{"id":41,"slug":41,"title":42,"description":43,"longDescription":44,"image":45,"gallery":46,"technologies":47,"category":14,"status":15,"liveUrl":54,"githubUrl":-1,"caseStudyUrl":-1,"startDate":55,"endDate":56,"featured":19,"lang":20},"highscore-game","Highscore: The Game","Webowa gra w wielu wersjach technologicznych – narzędzie do nauki i eksperymentów z frameworkami.","[Highscore: The Game](https:\u002F\u002Fpooler22.gitlab.io\u002Fhighscore-ui\u002F) to webowa gra, którą od lat używam do nauki i testowania różnych stacków. Każda wersja to okazja, żeby spróbować nowej technologii i podzielić się kodem z innymi.\n\nPomysł wziął się z chęci eksperymentowania. Gra ewoluowała: najpierw czysty JS z HTML\u002FCSS, potem MVVM, Windows Universal App, kompilacja pod Androida, React, Vue 2, Vue 3 + TypeScript + Vite. W planach m.in. Svelte, Qwik, Solid, Elixir.\n\nDla mnie Highscore jest tym, czym dla wielu jest „to do list” – jednym projektem do nauki i porównań. Nawet prosta aplikacja daje dużo przy nauce; wspólna praca i wymiana wiedzy przy każdej iteracji są dla mnie ważne.","\u002Fimages\u002Fblog\u002Fhighscore-the-game.webp",[],[31,48,49,50,51,11,52,53],"TypeScript","Angular","React","Vue","HTML5","CSS3","https:\u002F\u002Fpooler22.gitlab.io\u002Fhighscore-ui",["Date","2018-01-01T00:00:00.000Z"],["Date","2023-10-01T00:00:00.000Z"],[40,58,71],{"id":59,"slug":59,"title":60,"description":61,"longDescription":62,"image":63,"gallery":64,"technologies":65,"category":14,"status":15,"liveUrl":68,"githubUrl":-1,"caseStudyUrl":-1,"startDate":69,"endDate":70,"featured":19,"lang":20},"freszkids-pl","Freszkids.pl","Platforma usprawniająca zamawianie posiłków do szkół dla dzieci od firm cateringowych. Dla szkół bez własnej kuchni.","Platforma usprawniająca zamawianie posiłków do szkół dla dzieci od firm cateringowych. Działa tam, gdzie szkoły nie mają własnej kuchni i korzystają z cateringu zewnętrznego. Dwie główne sekcje: dla rodziców i dla firm cateringowych.\n\n## Funkcjonalności\n\n### Sekcja dla rodziców\n\nZamawianie posiłków dla dzieci w szkole. Wybór szkoły, przeglądanie menu na dany dzień lub tydzień, zaznaczanie posiłków, składanie zamówień. Ustawianie preferencji żywieniowych, alergenów i diet specjalnych. Płatności online, przypomnienia o zamówieniach.\n\n### Sekcja dla firm cateringowych\n\nZarządzanie ofertami, menu, zamówieniami i dostawami. Dodawanie menu na konkretne dni, ustawianie cen, określanie terminów zamówień i dostaw. Przeglądanie wszystkich zamówień z danej szkoły, eksport list do przygotowania posiłków, śledzenie płatności.\n\n### Zarządzanie szkołami\n\nSzkoły mogą przeglądać statystyki zamówień, sprawdzać listy dzieci z zamówionymi posiłkami, koordynować dostawy z firmami cateringowymi. Nie trzeba zbierać gotówki ani ręcznie prowadzić list zamówień.\n\n### Responsywność\n\nStrona działa dobrze na telefonach, tabletach i desktopach. Większość rodziców zamawia posiłki na telefonach, więc mobilna wersja była priorytetem.\n\n### SEO i wydajność\n\nStrony mają odpowiednie meta tagi, strukturyzowane dane, sitemap. Zdjęcia są kompresowane, kod minifikowany.","\u002Fimages\u002Fprojects\u002Ffreszkids.webp",[63],[66,48,67],"Nuxt","Firebase","https:\u002F\u002Fwww.freszkids.pl",["Date","2026-01-01T00:00:00.000Z"],["Date","2026-01-01T00:00:00.000Z"],{"id":72,"slug":72,"title":73,"description":74,"longDescription":75,"image":76,"gallery":77,"technologies":78,"category":14,"status":15,"liveUrl":79,"githubUrl":-1,"caseStudyUrl":-1,"startDate":80,"endDate":81,"featured":19,"lang":20},"kolekcjoner-chwil","Kolekcjoner Chwil","Aplikacja z pomysłami na spędzanie czasu – ze znajomymi, w parze lub solo. Filtry, karty, zapisywanie ulubionych.","Kolekcjoner Chwil to aplikacja z pomysłami na wyjścia i aktywności: ze znajomymi, w parze lub samemu. Ponad 3200 pomysłów w 10 kategoriach. Zamiast godzin w internecie – wybór w kilka sekund.\n\nWybierz tryb (dla siebie \u002F para \u002F grupa), ustaw budżet, lokalizację, czas i kategorię, przeglądaj karty, zapisuj ulubione. Można też tworzyć własne pomysły. Filtrowanie, personalizacja, kolekcja ulubionych.\n\nPlatforma pomaga znaleźć pomysł na weekend lub wieczór bez szukania po całym internecie.","\u002Fimages\u002Fprojects\u002Fkolekcjonerchwil.webp",[],[66,48,67],"https:\u002F\u002Fkolekcjonerchwil.pl",["Date","2026-01-01T00:00:00.000Z"],["Date","2026-01-01T00:00:00.000Z"],1790687722169]