⏳ Age Calculator App - Frontend Mentor Challenge

A responsive and interactive age calculator app built using HTML, Sass, and JavaScript.
This project is a solution to the Frontend Mentor Age Calculator App challenge — designed to improve front-end skills by working with forms, validation, and date manipulation.

📅 Note: This is an old project built on Thursday, May 11, 2023 as part of my early front-end learning journey.

---

📸 Screenshots

🖥️ Desktop View

---

🛠️ Built With

• HTML5
• CSS3 (Flexbox + Media Queries)
• Sass (SCSS)
• JavaScript (DOM Manipulation & Validation)
• Google Fonts – Poppins
• Font Awesome Icons
• Custom Scrollbar & Selection Styling

---

📂 Folder Structure

Age-calculator-app/
├── images/
│   ├── favicon-32x32.png
│   └── icon-arrow\.svg
├── Css/
│   ├── style.css
│   └── style.css.map
├── Sass/
│   ├── style.scss
│   ├── \_breakpoints.scss
│   ├── \_Custom-Scrollbars-&-Selection-color.scss
│   └── \_containerScreen.scss
├── JavaScript/
│   └── app.js
├── index.html
├── screencapture-age-calculator-app.png
└── README.md

---

📋 Features

• 🎯 Simple and intuitive age calculator
• 📝 Form validation with error/success messages
• ⚡ Real-time calculation of years, months, and days
• 📱 Fully responsive across mobile, tablet, and desktop
• ✨ Custom scrollbar and selection color
• 🧠 Enhances JavaScript skills (date handling + form validation)

---

🚀 Live Demo

🔗 View Live Project

---

🧑‍💻 Author

Maher Elmair

📫 maher.elmair.dev@gmail.com
🔗 LinkedIn
❤️ Made with passion by Maher Elmair

---

🙏 Acknowledgments

• 🎓 Challenge by Frontend Mentor
• 📷 Design inspired by the original mockups provided in the challenge

---