The latest articles on DEV Community by Natalia (@uixlaby). https://dev.to/uixlaby https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3965362%2Fa50eb92d-4d61-4898-8bb8-6936cbbb25be.png https://dev.to/uixlaby en Natalia Tue, 02 Jun 2026 21:16:36 +0000 https://dev.to/uixlaby/im-a-sales-manager-not-a-developer-yet-i-built-an-offline-pwa-for-stressed-students-20cm https://dev.to/uixlaby/im-a-sales-manager-not-a-developer-yet-i-built-an-offline-pwa-for-stressed-students-20cm <p>Two months ago, the most technical thing I did was change my Zoom background.</p> <p>Now I have a live PWA called Blunno. I still don’t fully understand TypeScript errors. Send help. Or coffee. ☕</p> <h2> Why I built it </h2> <p>My 10yo son has mild ADHD. He gets overwhelmed before tests. The usual “just focus!” advice doesn’t help.</p> <p>I looked for apps that could help. Something:</p> <ul> <li>gentle (no “you failed” shaming)</li> <li>offline (exams happen in basements)</li> <li>free (students are broke)</li> <li>no signup</li> </ul> <p>What I found: expensive, complicated, or clinical.</p> <p>So I built it myself. With zero experience.</p> <h2> The messy journey </h2> <p>Started March 24. Evenings and weekends. AI helped me write code I didn’t understand. I broke things. A lot. I cried once. Then I fixed things.</p> <p>What came out:</p> <ul> <li>SOS breathing (3-min reset for exam panic)</li> <li>focus sounds (offline study ambience)</li> <li>mini games (Snake, Balloon Pop)</li> <li>A mascot named Blunno (gentle purple blob)</li> </ul> <p>My son said: “Mom, it’s like a little friend in my pocket.”</p> <h2> Tech stack (short version) </h2> <ul> <li>Next.js 16 + TypeScript</li> <li>Tailwind + Framer Motion</li> <li>Dexie.js (offline storage)</li> <li>Howler.js (audio — unlocking on mobile was a pain)</li> <li>Zustand</li> <li>Vercel</li> </ul> <h2> Where it is now </h2> <p>Blunno is live. It:</p> <ul> <li>installs on your phone (PWA)</li> <li>works offline</li> <li>free, no signup</li> <li>helps you breathe before an exam</li> </ul> <p>👉 Try it: <a href="https://blunno.app" rel="noopener noreferrer">https://blunno.app</a></p> <p>Thanks for reading. I’m excited (and scared) to hear your feedback.</p> <p>P.S. I still can’t center a div without AI. Progress. 😄</p> beginners mobile webdev productivity