The latest articles on DEV Community by eshaal-wq (@eshaalwq). https://dev.to/eshaalwq https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4154758%2F1146fd3d-47be-4cf4-90b4-14543466a46d.png https://dev.to/eshaalwq en eshaal-wq Sun, 04 Oct 2026 12:12:45 +0000 https://dev.to/eshaalwq/my-doctor-appointments-built-for-a-friend-who-never-remembers-appointments-hacktoberfest-2i1i https://dev.to/eshaalwq/my-doctor-appointments-built-for-a-friend-who-never-remembers-appointments-hacktoberfest-2i1i <p>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></p> <h2> What I Built </h2> <ol> <li><p>I built "My Doctor Appointments" a simple, private &amp; offline appointment tracker.</p></li> <li><p>I built it for my friend who keeps forgetting her doctor appointments. She didn't want to use complicated apps that need login, internet, or store her medical data on someone else's server.</p></li> </ol> <p>3.Problem it solves:</p> <ul> <li>No more missed appointments</li> <li>Keeps doctor name, date, time, and reason/hospital notes in one place</li> <li>Works completely offline - all data stays in her own browser (local Storage)</li> <li>No login, no tracking, no privacy worry</li> <li>Super light , just one HTML file</li> </ul> <h2> Demo </h2> <p>Live Website:<a href="https://eshaal-wq.github.io/Appointment-tracker" rel="noopener noreferrer">https://eshaal-wq.github.io/Appointment-tracker</a> </p> <p>My Doctor Appointments App:<a href="https://eshaalwq.github.io/Appointment-tracker" rel="noopener noreferrer">https://eshaalwq.github.io/Appointment-tracker</a> </p> <p>You can add a doctor name, date, time, and notes/hospital name and it saves instantly. I have added Dr.Eman (dermatologist) as an example.</p> <h2> Code </h2> <p><a href="https://github.com/eshaal-wq/Appointment-tracker" rel="noopener noreferrer">https://github.com/eshaal-wq/Appointment-tracker</a></p> <p>It's a single 'index.html' file - zero dependencies, zero backend. Just open and it works. Fully responsive for mobile.</p> <h2> How I Built It </h2> <p>I wanted it to be as simple as possible, so I built it with pure HTML, CSS, and Vanilla JavaScript.</p> <ul> <li>Frontend: Single HTML file with modern CSS (glass morphism UI) and JS for local Storage</li> <li>AI Help: I used Meta AI as my coding buddy to debug GitHub Pages deployment. </li> <li>No Frameworks: No React, no database, no build step. This was intentional so my friend can even save the file on her phone and open it offline.</li> </ul> <h2> Why Does Open Innovation Matter? </h2> <p>Open innovation matters because my friend doesn't need another closed, ad-filled medical app selling her health data.</p> <p>Because the code is open:</p> <ol> <li> She can see exactly what it does - no hidden tracking.</li> <li> Anyone can fork it and build for their own family - change it to a medicine tracker, class tracker, etc.</li> <li> I didn't need to pay for a closed API or backend. Open web standards (local storage, HTML5) made it possible to build something private and free forever.</li> <li> A closed API would have made this impossible offline. Open innovation lets us build for privacy-first, not profit-first.</li> </ol> <h2> My Agent Session </h2> <p>I built and deployed this with help from Meta AI, from fixing file names to making it live on GitHub Pages. Session was conversational debugging.</p> <h2> Prize Categories </h2> <ul> <li>Best Personal / For a Friend Build</li> <li>Best No-Backend / Offline-First App</li> </ul> devchallenge weekendchallenge hf26challenge