[{"data":1,"prerenderedAt":192},["ShallowReactive",2],{"navigation":3,"project-page":22,"blogs":38},[4],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Projects","\u002Fprojects","projects",[9,13,17],{"title":10,"path":11,"stem":12},"Klimatyzacja 24 Katowice","\u002Fprojects\u002Fklimatyzacja-katowice-24","projects\u002Fklimatyzacja-katowice-24",{"title":14,"path":15,"stem":16},"LiveTagPro","\u002Fprojects\u002Flivetagpro","projects\u002Flivetagpro",{"title":18,"path":19,"stem":20},"Sokrates system","\u002Fprojects\u002Fstrona-sokrates-system","projects\u002Fstrona-sokrates-system",false,{"id":23,"title":24,"body":25,"description":26,"extension":27,"links":28,"meta":34,"navigation":35,"path":6,"seo":36,"stem":7,"__hash__":37},"pages\u002Fprojects.yml","Ostatnie projekty",null,"Kilka projektów, nad którymi miałem okazję pracować — od koncepcji po wdrożenie.","yml",[29,32],{"label":30,"color":31},"Let's talk","neutral",{"label":33},"Email me",{},true,{"title":24,"description":26},"DHrRD5FLYCeFABE0zJ1L7Te640tKGPq0SQFMZ_Dwq0M",[39,126,175],{"id":40,"title":18,"body":41,"date":113,"description":114,"extension":115,"image":116,"link":117,"meta":118,"navigation":35,"path":19,"seo":119,"stem":20,"tags":120,"__hash__":125},"projects\u002Fprojects\u002Fstrona-sokrates-system.md",{"type":42,"value":43,"toc":106},"minimark",[44,49,58,62,67,70,74,77,81,84,88,91,94,98,103],[45,46,48],"h2",{"id":47},"o-projekcie","O projekcie:",[50,51,52,53,57],"p",{},"Projekt strony landing page ",[54,55,56],"strong",{},"systemsokrates.pl"," - zaawansowanego systemu do zarządzania szkołami i placówkami edukacyjnymi. Projekt łączy przejrzystą prezentację funkcjonalności systemu z nowoczesnym designem, tworząc profesjonalną wizytówkę produktu skierowaną zarówno do dyrektorów szkół, jak i kadry administracyjnej.",[45,59,61],{"id":60},"proces-realizacji","Proces realizacji",[63,64,66],"h4",{"id":65},"design","Design:",[50,68,69],{},"Projekt strony powstał w Figmie z wykorzystaniem najnowszych trendów w web designie: grid patterns, light rays, bento grid z animacjami i inne rozwiązania wizualne. W ramach projektu zaprojektowano również brakujące elementy identyfikacji wizualnej, w tym loga nowych modułów oraz wzorce graficzne.",[63,71,73],{"id":72},"design-to-code","Design-to-Code:",[50,75,76],{},"Przekształcenie projektu graficznego w czysty i semantyczny kod z wykorzystaniem Tailwind CSS\u002FNuxt UI dla szybkiego i elastycznego stylowania.",[63,78,80],{"id":79},"optymalizacja-assetów","Optymalizacja Assetów:",[50,82,83],{},"Wdrożenie najlepszych praktyk ładowania obrazów i fontów, zapewniających dobre wyniki w narzędziach takich jak Lighthouse.",[63,85,87],{"id":86},"interaktywność","Interaktywność:",[50,89,90],{},"Wykorzystanie Nuxt 3 do obsługi dynamicznych elementów – m.in. menu i animacji, które są \"nawadniane\" (hydration) po stronie klienta.",[50,92,93],{},"W projekcie po raz pierwszy zastosowałem nowe możliwości lazy hydration z najnowszej wersji Nuxta, dzięki czemu JavaScript poszczególnych komponentów ładuje się dopiero po pojawieniu się elementu w viewport lub po pierwszej interakcji użytkownika.",[45,95,97],{"id":96},"bento-grid-animacje","Bento grid - Animacje",[99,100],"video",{":autoplay":101,":loop":101,"src":102},"true","\u002Fprojects\u002Fsokrates\u002Fbento.mp4",[50,104,105],{},"Animacje stworzone w JavaScript i CSS, zoptymalizowane pod kątem płynności podczas scrollowania.",{"title":107,"searchDepth":108,"depth":108,"links":109},"",2,[110,111,112],{"id":47,"depth":108,"text":48},{"id":60,"depth":108,"text":61},{"id":96,"depth":108,"text":97},"2024-12-11","Landing page z projektem wizualnym.","md","\u002Fprojects\u002Fsokrates\u002Fhero.png","https:\u002F\u002Fsystemsokrates.pl\u002F",{},{"title":18,"description":114},[121,122,123,124],"Nuxt","figma","Tailwind CSS 4","Nuxt UI","iVuncCuYkJNyrC7Fldql75Ba4FUB9wj1J1lTvPkPCU4",{"id":127,"title":10,"body":128,"date":165,"description":166,"extension":115,"image":167,"link":168,"meta":169,"navigation":35,"path":11,"seo":170,"stem":12,"tags":171,"__hash__":174},"projects\u002Fprojects\u002Fklimatyzacja-katowice-24.md",{"type":42,"value":129,"toc":161},[130,132,139,143,149,155],[45,131,48],{"id":47},[50,133,134,135,138],{},"Strona ",[54,136,137],{},"klimatyzacja24.katowice.pl"," to nowoczesny landing page dla firmy specjalizującej się w montażu i serwisie systemów klimatyzacji na terenie Katowic i okolic. Projekt łączy przejrzystą prezentację oferty z profesjonalnym designem, budując zaufanie i ułatwiając klientom kontakt z firmą.",[45,140,142],{"id":141},"realizacja","Realizacja",[50,144,145,148],{},[54,146,147],{},"Architektura:","\nSzybka strona statyczna zbudowana w oparciu o Nuxt 3, z implementacją Headless CMS do zarządzania treścią bloga. Contentu jest pobierany przy budowaniu strony (build time), co zapewnia błyskawiczne czasy ładowania i optymalne SEO.",[50,150,151,154],{},[54,152,153],{},"Responsywność:","\nStrona w pełni responsywna, dostosowana do wszystkich urządzeń - od smartfonów po duże ekrany desktopowe, z zachowaniem płynności animacji i interakcji.",[50,156,157,160],{},[54,158,159],{},"SEO i Performance:","\nZaawansowana optymalizacja pod kątem wyszukiwarek oraz wydajności.",{"title":107,"searchDepth":108,"depth":108,"links":162},[163,164],{"id":47,"depth":108,"text":48},{"id":141,"depth":108,"text":142},"2024-09-15","Landing page z projektem wizualnym, integracje.","\u002Fprojects\u002Fklimatyzacja\u002Fhero.png","https:\u002F\u002Fklimatyzacja24.katowice.pl\u002F",{},{"title":10,"description":166},[172,122,173],"nuxt3","Headless CMS","hXdNd3Sexe-hhN6Gv9DpztSGozx1m3iHy6auwlHds9k",{"id":176,"title":14,"body":177,"date":181,"description":182,"extension":115,"image":183,"link":184,"meta":185,"navigation":35,"path":15,"seo":186,"stem":16,"tags":187,"__hash__":191},"projects\u002Fprojects\u002Flivetagpro.md",{"type":42,"value":178,"toc":179},[],{"title":107,"searchDepth":108,"depth":108,"links":180},[],"2024-02-06","Landing page.","\u002Fprojects\u002Flivetagpro\u002Fhero.png","https:\u002F\u002Flivetag.pro",{},{"title":14,"description":182},[188,189,190],"js","nuxt","tailwindcss","TQ40SwhC6mQdp0cikq89wRJVSRnG6KyEmMYAgWvKi7g",1775768023430]