The latest articles on DEV Community by Farhan Qureshi (@farhan_qureshi_61a0f60399). https://dev.to/farhan_qureshi_61a0f60399 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%2F3972167%2F03c4fcc9-52d8-45ba-8474-a801186aa8d2.jpg https://dev.to/farhan_qureshi_61a0f60399 en Farhan Qureshi Sun, 07 Jun 2026 07:14:33 +0000 https://dev.to/farhan_qureshi_61a0f60399/how-i-built-an-age-calculator-using-html-css-and-javascript-2pd4 https://dev.to/farhan_qureshi_61a0f60399/how-i-built-an-age-calculator-using-html-css-and-javascript-2pd4 <h1> How I Built an Age Calculator Using HTML, CSS and JavaScript </h1> <p>I recently built a simple Age Calculator web application using HTML, CSS and JavaScript.</p> <p>The tool allows users to:</p> <ul> <li>Calculate exact age in years, months and days</li> <li>See total days lived</li> <li>View their next birthday countdown</li> <li>Use dark mode</li> <li>Access the tool on mobile devices</li> </ul> <h2> Technologies Used </h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>GitHub Pages</li> </ul> <h2> Challenges </h2> <p>Some challenges included:</p> <ul> <li>Handling future dates correctly</li> <li>Making the calculator mobile friendly</li> <li>Adding dark mode support</li> <li>Setting up sitemap and SEO pages</li> </ul> <h2> Live Demo </h2> <p>You can try the tool here:</p> <p><a href="https://fq8404293-eng.github.io/age-calculator/" rel="noopener noreferrer">https://fq8404293-eng.github.io/age-calculator/</a></p> <h2> What I Learned </h2> <p>Building this project helped me learn:</p> <ul> <li>DOM manipulation in JavaScript</li> <li>Responsive web design</li> <li>Basic SEO practices</li> <li>GitHub Pages deployment</li> </ul> <p>Feedback is welcome.</p> javascript html css webdev