Writing about web development, design, and the tools I use day-to-day.https://katwlodarczyk.com/https://katwlodarczyk.com/blog/making-my-site-ai-friendly/https://katwlodarczyk.com/blog/making-my-site-ai-friendly/More and more people find things through AI tools now, so I spent an afternoon making my portfolio easier for them to read. Here's what I added and why.Tue, 20 Oct 2026 00:00:00 GMTProjectsastroaillms_txtseoportfoliohttps://katwlodarczyk.com/blog/just-in-case-emergency-binder/https://katwlodarczyk.com/blog/just-in-case-emergency-binder/If something happened to you tomorrow, would your family know where everything is? I built Just in Case, a free and private emergency binder you fill in on screen and print.Wed, 07 Oct 2026 00:00:00 GMTProjectsprivacypdfjavascriptpythonside_projecthttps://katwlodarczyk.com/blog/trainers-notebook-pwa/https://katwlodarczyk.com/blog/trainers-notebook-pwa/Personal trainers still log sessions on paper or in random phone notes. I built Trainer's Notebook, an offline-first PWA for clients, sessions and personal bests.Wed, 30 Sep 2026 00:00:00 GMTProjectsreactpwaoffline_firstsupabasedexiehttps://katwlodarczyk.com/blog/saldo-budget-pwa/https://katwlodarczyk.com/blog/saldo-budget-pwa/For years my budget lived in a Google Sheet. It worked, until it didn't. So I built Saldo, a little PWA that answers one question: how much can I actually spend?Thu, 27 Aug 2026 00:00:00 GMTProjectsvue3supabasepwatailwindpersonal_financehttps://katwlodarczyk.com/blog/building-a-pwa-vue3-firebase/https://katwlodarczyk.com/blog/building-a-pwa-vue3-firebase/How I built a PWA ingredient scanner using Tesseract.js OCR, Vue 3 Composition API, and Firebase — what worked, what didn't, and what the BCS award meant to me.Fri, 20 Sep 2024 00:00:00 GMTProjectsvue3firebasepwatesseractjavascripthttps://katwlodarczyk.com/blog/statamic-vs-wordpress-developer-perspective/https://katwlodarczyk.com/blog/statamic-vs-wordpress-developer-perspective/I've built client sites with both platforms professionally. Here's what I genuinely prefer, where each falls short, and how to choose between them for your next project.Mon, 10 Jun 2024 00:00:00 GMTOpinionstatamicwordpresscmslaravelphphttps://katwlodarczyk.com/blog/getting-started-with-alpinejs/https://katwlodarczyk.com/blog/getting-started-with-alpinejs/A hands-on introduction to Alpine.js — the minimal JavaScript framework that pairs beautifully with Tailwind CSS for adding interactivity without the complexity of React or Vue.Fri, 15 Mar 2024 00:00:00 GMTTutorialalpinejsjavascripttailwindfrontendhttps://katwlodarczyk.com/blog/2022-the-summary/https://katwlodarczyk.com/blog/2022-the-summary/How come it's already the end of the year? 2022 has been one of the busiest years for me — and also one of the greatest. Time for the yearly summary!Mon, 19 Dec 2022 00:00:00 GMTPersonallifeyearly_summaryhttps://katwlodarczyk.com/blog/third-year-at-uni-the-summary/https://katwlodarczyk.com/blog/third-year-at-uni-the-summary/Completing my final year of university while working part-time and parenting. Reflecting on the challenges, achievements, and life-changing journey from student to professional web developer.Sat, 08 Oct 2022 00:00:00 GMTPersonaluniversitygraduationfinal_yearweb_developmentcareer_changestudent_lifepersonal_growthlife_milestoneeducationhttps://katwlodarczyk.com/blog/haircare-scan-vue3-pwa/https://katwlodarczyk.com/blog/haircare-scan-vue3-pwa/Crème de la crème project summarising my three years at university — a final major project built with Vue3, Firebase, and Tesseract.js to help people decode hair care ingredient lists.Wed, 11 May 2022 00:00:00 GMTProjectsvue3pwafirebasefigmafinal major projecthttps://katwlodarczyk.com/blog/student-cookbook-my-first-react-web-app/https://katwlodarczyk.com/blog/student-cookbook-my-first-react-web-app/Building my first React web app for university: a student recipe and meal planning application with Firebase backend, Tailwind CSS styling, and responsive design. Complete development journey from concept to deployment.Tue, 18 Jan 2022 00:00:00 GMTProjectsreactfirebasetailwind_cssfigmauniversity_projectweb_developmentmobile_firstmeal_planningstudent_apphttps://katwlodarczyk.com/blog/my-time-at-hinge/https://katwlodarczyk.com/blog/my-time-at-hinge/After a year and a half, my journey at Hinge came to an end. I am thankful for the time, the people, the projects, and all the knowledge I gained — and it all started with a tweet.Fri, 17 Dec 2021 00:00:00 GMTPersonalcareeragencyinternshipweb_developmenthttps://katwlodarczyk.com/blog/2021-the-summary/https://katwlodarczyk.com/blog/2021-the-summary/Another year comes to an end. Can you believe this is the third yearly summary on this blog? A year of challenges and milestones — but also a lot of growth.Thu, 09 Dec 2021 00:00:00 GMTPersonallifeyearly_summaryhttps://katwlodarczyk.com/blog/personal-readme-on-github/https://katwlodarczyk.com/blog/personal-readme-on-github/Learn how to create a standout personal README on GitHub to showcase your skills, projects, and personality. Step-by-step guide with tips for badges and customization.Wed, 20 Oct 2021 00:00:00 GMTTipsgithubtipsdeveloper_profilereadmepersonal_brandingportfoliomarkdownhttps://katwlodarczyk.com/blog/second-year-at-uni-the-summary/https://katwlodarczyk.com/blog/second-year-at-uni-the-summary/Reflecting on my second year of university studying web development, UX design, and research methods. Key projects, achievements, and lessons learned while balancing studies with work and family life.Wed, 23 Jun 2021 00:00:00 GMTPersonaluniversitystudent_lifeweb_developmentux_designreactnodejspersonal_growtheducationhttps://katwlodarczyk.com/blog/katvonwiesendorf-redesign/https://katwlodarczyk.com/blog/katvonwiesendorf-redesign/Redesigning and redeveloping my 5-year-old photography website from scratch. Transforming katvonwiesendorf.com from a dated blog into a modern portfolio showcase using Figma, Tailwind CSS, and improved WordPress development skills.Sat, 08 May 2021 00:00:00 GMTProjectsprojectsdesignhttps://katwlodarczyk.com/blog/january-reads/https://katwlodarczyk.com/blog/january-reads/A little bit late, but oh well. I have read quite a lot of interesting books, so I thought I’d share. Do we have any book worms present? It’s time for a monthly book club.Wed, 10 Feb 2021 00:00:00 GMTReadsbooksreadinghttps://katwlodarczyk.com/blog/how-to-stay-motivated-in-3-simple-steps/https://katwlodarczyk.com/blog/how-to-stay-motivated-in-3-simple-steps/Discover three actionable strategies to maintain motivation and focus toward any goal. Learn how to set effective smaller goals, overcome overthinking, and celebrate progress to build lasting momentum.Thu, 28 Jan 2021 00:00:00 GMTTutorialtutorialgrowthhttps://katwlodarczyk.com/blog/give-me-gif-slack-case-study/https://katwlodarczyk.com/blog/give-me-gif-slack-case-study/A UX/UI case study exploring how to improve Slack's cumbersome gif access. From research and problem analysis to designing an intuitive gif button solution that reduces search time from minutes to seconds.Fri, 15 Jan 2021 00:00:00 GMTProjectscase_studyslackunihttps://katwlodarczyk.com/blog/2020-the-summary/https://katwlodarczyk.com/blog/2020-the-summary/Another year has gone by and what a year it’s been! Hell of the rollercoaster🎢 ride for most of us, right? As every December, I like to stop for a minute and create a list of things that were awesome, and also some resolutions for the year ahead. It’s really cool to look back in the past and see how we, and everything around has changed…Fri, 18 Dec 2020 00:00:00 GMTPersonallifeyearly_summaryhttps://katwlodarczyk.com/blog/create-a-simple-toggle-switch-in-react/https://katwlodarczyk.com/blog/create-a-simple-toggle-switch-in-react/Dark themes have become really popular in the recent years, and a lot of websites have given their users the ability to choose between light and dark mode. Toggle switch is, in my opinion, the best way to incorporate light/dark mode feature. Today I’m gonna show you how to create a simple, yet effective toggle switch.Fri, 04 Dec 2020 00:00:00 GMTProjectshttps://katwlodarczyk.com/blog/huge-list-of-figma-plugins-you-should-know-about/https://katwlodarczyk.com/blog/huge-list-of-figma-plugins-you-should-know-about/Do you use Figma? If you do, then this list is just for you! Big list of my favourite figma plugins. They will make your work easier, faster and much more enjoyable!Wed, 25 Nov 2020 00:00:00 GMTTipstipsresourcesdesignlibaryhttps://katwlodarczyk.com/blog/october-reads/https://katwlodarczyk.com/blog/october-reads/My October reading highlights including behavioral psychology, inclusive design, progressive web apps, and NLP techniques. Four impactful books that shaped my understanding of user behavior and web development.Sat, 31 Oct 2020 00:00:00 GMTReadsbook_reviewsreadingbehavioral_psychologyinclusive_designprogressive_web_appsnlpuniversityhttps://katwlodarczyk.com/blog/my-top-tips-to-stay-on-top-of-your-life-and-dont-go-crazy/https://katwlodarczyk.com/blog/my-top-tips-to-stay-on-top-of-your-life-and-dont-go-crazy/Practical strategies for managing a busy life juggling work, university, parenting, and everything in between. Four essential tips to reduce stress and stay organized when life gets overwhelming.Wed, 21 Oct 2020 00:00:00 GMTPersonallife_tipsproductivitywork_life_balancestress_managementorganizationhttps://katwlodarczyk.com/blog/create-websites-faster-without-writing-a-single-line-of-css/https://katwlodarczyk.com/blog/create-websites-faster-without-writing-a-single-line-of-css/Don’t get me wrong, I ♥ CSS, but it can quickly take most of your coding time. The solution? TailwindCSS.Mon, 31 Aug 2020 00:00:00 GMTTipstailwind_csscsscodinghttps://katwlodarczyk.com/blog/first-year-at-uni-the-summary/https://katwlodarczyk.com/blog/first-year-at-uni-the-summary/With all grades released, that’s the end of my first year of Uni. It’s been a rollercoaster of emotions, but I still think it was the best decision I could have ever made. Time for a little summary..Sun, 05 Jul 2020 00:00:00 GMTPersonalsummaryunihttps://katwlodarczyk.com/blog/lockdown-for-me/https://katwlodarczyk.com/blog/lockdown-for-me/Personal reflection on 3.5 months of COVID-19 lockdown - from initial fears and uncertainty to finding productivity as a coping mechanism. A list of accomplishments and lessons learned during extraordinary times.Sun, 07 Jun 2020 00:00:00 GMTPersonaldear_diaryhttps://katwlodarczyk.com/blog/raspberry-pi-scroll-bot-soldering-building-coding/https://katwlodarczyk.com/blog/raspberry-pi-scroll-bot-soldering-building-coding/My first hardware project: building a Raspberry Pi scroll bot from scratch. Complete journey from soldering components to coding the display, including setup challenges and programming examples.Tue, 02 Jun 2020 00:00:00 GMTProjectsraspberry_pihardwaresolderingdiy_projectspythonelectronicsscroll_botmaker_projectshttps://katwlodarczyk.com/blog/developers-library-license-free-illustrations/https://katwlodarczyk.com/blog/developers-library-license-free-illustrations/A curated collection of my go-to sources for free illustrations. From UnDraw's customizable characters to Blush's diverse styles, discover 6 platforms that offer high-quality, license-free illustrations perfect for your next project.Tue, 19 May 2020 00:00:00 GMTTipsdevelopers_libraryfreecollectionhttps://katwlodarczyk.com/blog/developers-library-license-free-images/https://katwlodarczyk.com/blog/developers-library-license-free-images/Stop spending hours searching for the perfect image. This comprehensive list covers 8 reliable platforms offering high-quality, license-free photos for your web projects - from Unsplash's vast collection to niche sites like Styled Stock.Wed, 13 May 2020 00:00:00 GMTTipsdevelopers_libraryfreecollectionhttps://katwlodarczyk.com/blog/strenghts-finder/https://katwlodarczyk.com/blog/strenghts-finder/Discovering my personality strengths through the High5 test, a free alternative to Gallup's Strengths Finder. My top 5 strengths revealed and what they mean for personal development.Wed, 29 Apr 2020 00:00:00 GMTTipspersonality_teststrengths_finderself_discoverypersonal_developmenthigh5_testproductivityleadershiphttps://katwlodarczyk.com/blog/how-i-got-into-uni/https://katwlodarczyk.com/blog/how-i-got-into-uni/My journey from 18-year-old dreams deferred to mature student acceptance. After years of believing university was impossible while juggling motherhood, work, and bills, one friend's success sparked hope - proving it's never too late to chase your dreams.Wed, 15 Apr 2020 00:00:00 GMTPersonalunidear_diarypersonalgrowthhttps://katwlodarczyk.com/blog/how-to-create-a-digital-portrait/https://katwlodarczyk.com/blog/how-to-create-a-digital-portrait/A few days ago, while I needed a little break from my database assignment, I created this digital portrait of my daughter, Hannah. Everyone seemed to really like it, so I decided to share my knowledge and create a tutorial on how to do those cool portraits using any photograph. All you need is Adobe Illustrator and a photograph! No skills required and it’s really easy to do! Watch a video tutorial or follow my written instructions below!Sun, 05 Apr 2020 00:00:00 GMTProjectsdesigndigitalarthobbyrecordinghttps://katwlodarczyk.com/blog/learn-to-code-for-free/https://katwlodarczyk.com/blog/learn-to-code-for-free/Some time ago, during one of our uni lectures, my friends and I were trying to list websites or apps,where you can master your coding skills for free or really cheap.As current lockdown force us to stay indoors (and please do! for everyone’s good ), I thought I will recreate that list and share with you all. After all, when is the better time to learn something new?Fri, 03 Apr 2020 00:00:00 GMTTipslibraryresourcesfreeknowledgehttps://katwlodarczyk.com/blog/happy-hour-talk/https://katwlodarczyk.com/blog/happy-hour-talk/When COVID-19 cancelled my first university talk, I decided to record it instead. As an introvert, creating my first presentation video was challenging but rewarding - sharing experiences with fellow students during uncertain times.Wed, 25 Mar 2020 00:00:00 GMTPersonalunihappy_hourtalkspresentationhttps://katwlodarczyk.com/blog/3-things-ive-learnt-during-witw-other-than-industry-knowledge/https://katwlodarczyk.com/blog/3-things-ive-learnt-during-witw-other-than-industry-knowledge/Attending Work In The Web solo taught me more than just tech skills. From discovering I'm less introverted than I thought to realizing everyone deals with imposter syndrome, here are three unexpected personal lessons from stepping outside my comfort zone.Fri, 07 Feb 2020 00:00:00 GMTPersonalworkshoptravelunileedshttps://katwlodarczyk.com/blog/work-in-the-web-2020/https://katwlodarczyk.com/blog/work-in-the-web-2020/My experience at the 3-day Work In The Web workshop in Leeds by Mixd agency. Learning about web development, design principles, and industry practices while networking with fellow students and professionals.Tue, 04 Feb 2020 00:00:00 GMTPersonalworkshopweb_developmentmixd_agencyleedsnetworkingstudent_experienceindustry_learningweb_designprofessional_developmentunihttps://katwlodarczyk.com/blog/gutenberg-org-website-redesign/https://katwlodarczyk.com/blog/gutenberg-org-website-redesign/A complete UX/UI redesign of Gutenberg.org featuring mobile-first wireframes, user research-driven color schemes, and comprehensive style guides. This academic project showcases the full design process from initial wireframes to final mockups.Sun, 02 Feb 2020 00:00:00 GMTProjectsuniassignmentsdesignprojectshttps://katwlodarczyk.com/blog/december-reads/https://katwlodarczyk.com/blog/december-reads/Another month of some great reads! Due to the Christmas break, I haven’t managed to read as much as in November, but it’s about quality not quantity, right? Ok, let’s get started!Thu, 02 Jan 2020 00:00:00 GMTReadsbooksreadinghttps://katwlodarczyk.com/blog/2019-the-summary/https://katwlodarczyk.com/blog/2019-the-summary/The year of 2019 is coming to an end so it’s time for a little recap!Sun, 29 Dec 2019 00:00:00 GMTPersonallifeyearly_summaryhttps://katwlodarczyk.com/blog/november-reads/https://katwlodarczyk.com/blog/november-reads/My November reading list focused on UX research, design, and prototyping. Six essential books covering user experience fundamentals, research methods, and responsive design principles.Mon, 02 Dec 2019 00:00:00 GMTReadsbook_reviewsux_designreadinguniversityresearchprototypingresponsive_designhttps://katwlodarczyk.com/blog/agile-enterprise-hackathon-2019/https://katwlodarczyk.com/blog/agile-enterprise-hackathon-2019/Friday, 29th of November 2019 was special for two reasons. Firstly, it was my birthday! Yay for being a year older. Yikes! And secondly, the main point of this post, I attended my first ever hackathon!Sat, 30 Nov 2019 00:00:00 GMTPersonalhackathonunihttps://katwlodarczyk.com/blog/logo-design-assignment/https://katwlodarczyk.com/blog/logo-design-assignment/Submitting my first major university logo design project - a comprehensive branding assignment including research, design process, and 2000-word report. Late-night creativity sessions resulted in a complete brand identity showcase.Thu, 07 Nov 2019 00:00:00 GMTProjectslogo_designbrandingunidesignportfoliohttps://katwlodarczyk.com/blog/5-things-ive-learnt-from-the-show-your-work-book/https://katwlodarczyk.com/blog/5-things-ive-learnt-from-the-show-your-work-book/Show your work! by Austin Kleon is the book I mentioned in the last post (which you can read here). It’s a nice, easy to read guide, that you can enjoy reading everywhere, due to it’s handy, small format. Here are 5 things I’ve learnt from this publication: Liked this post? Share:Wed, 06 Nov 2019 00:00:00 GMTPersonalhttps://katwlodarczyk.com/blog/show-your-work/https://katwlodarczyk.com/blog/show-your-work/My first blog post introducing myself as a mature student, mother, and aspiring web developer. Inspired by Austin Kleon's book to share my journey in web design and development.Sun, 03 Nov 2019 00:00:00 GMTPersonalintroductionshow_your_workstudent_lifeweb_developmentpersonal_journeyfirst_post