🎂 Age Calculator | حاسبة العمر

Professional age calculator with dark/light theme, Arabic/English support, and advanced features.

✨ Features | المميزات

🌍 Core Features

• 🌓 Dark/Light Mode - Toggle between dark and light themes
• 🌐 Bilingual Support - Full Arabic and English language support with RTL
• 📱 Fully Responsive - Works perfectly on all devices
• 💾 Auto-Save - Remembers your preferences and birth date

📊 Advanced Calculations

• Precise Age Calculation - Years, months, and days
• Detailed Statistics:
  • Total days lived
  • Total hours
  • Total minutes
  • Estimated heartbeats (70 BPM average)
• 🎉 Birthday Countdown - Time until your next birthday
• ⭐ Zodiac Sign - Automatically displays your zodiac sign

🎨 Modern Design

• Beautiful gradient backgrounds
• Smooth animations and transitions
• Card-based layout
• Icon integration with Font Awesome
• CSS variables for easy customization

🚀 Demo

Try it live here

📸 Screenshots

Light Mode (English)

Dark Mode (Arabic)

🛠️ Technologies Used

• HTML5 - Semantic structure
• CSS3 - Modern styling with CSS variables, Flexbox, Grid
• JavaScript (ES6+) - Dynamic functionality
• Font Awesome 6 - Beautiful icons
• LocalStorage API - Data persistence

📂 Project Structure

age-calculator/
├── index.html          # Main HTML file
├── style.css           # Stylesheet with theme variables
├── script.js           # Application logic
└── README.md           # Documentation

💻 Installation

1. Clone the repository

   git clone https://github.com/YASSINENFAI/age-calculator.git

2. Navigate to the directory

   cd age-calculator

3. Open in browser

   • Simply open index.html in your web browser
   • Or use a local server:

     # Using Python
     python -m http.server 8000
     
     # Using Node.js
     npx http-server

🎯 Usage

1. Select your birth date using the date picker
2. Click "Calculate Age" (احسب العمر) button
3. View your results including:
   • Your exact age
   • Detailed statistics
   • Next birthday countdown
   • Zodiac sign
4. Toggle theme using the moon/sun icon
5. Switch language using the EN/AR button

🌟 Features Breakdown

Theme System

• Uses CSS variables for dynamic theming
• Smooth transitions between themes
• Persists user preference in LocalStorage

Language Support

• Complete Arabic and English translations
• RTL (Right-to-Left) support for Arabic
• Dynamic content switching without reload
• Localized date formatting

Calculations

The app provides:

• Age Calculation: Accurate calculation considering leap years
• Statistics: Real-time calculations of days, hours, minutes lived
• Birthday Countdown: Shows months, days, and hours until next birthday
• Zodiac Signs: 12 zodiac signs in both languages

🔧 Customization

You can easily customize the app by modifying CSS variables in style.css:

:root {
    --bg-primary: #f0f4f8;
    --accent-primary: #667eea;
    --accent-secondary: #764ba2;
    /* ... more variables */
}

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👤 Author

YASSINE

• GitHub: @YASSINENFAI

🙏 Acknowledgments

• Font Awesome for the beautiful icons
• Inspiration from modern web design trends
• Community feedback and suggestions

---

Made with ❤️ by YASSINE

---

🎂 حاسبة العمر | Age Calculator

حاسبة عمر احترافية مع وضع مظلم/فاتح، دعم العربية/الإنجليزية، ومميزات متقدمة.

✨ المميزات

🌍 المميزات الأساسية

• 🌓 الوضع المظلم/الفاتح - التبديل بين الثيمات الفاتحة والداكنة
• 🌐 دعم لغتين - دعم كامل للغة العربية والإنجليزية مع RTL
• 📱 تصميم متجاوب - يعمل بشكل مثالي على جميع الأجهزة
• 💾 حفظ تلقائي - يتذكر تفضيلاتك وتاريخ ميلادك

📊 حسابات متقدمة

• حساب دقيق للعمر - السنوات، الأشهر، والأيام
• إحصائيات مفصلة:
  • إجمالي الأيام التي عشتها
  • إجمالي الساعات
  • إجمالي الدقائق
  • نبضات القلب التقريبية (متوسط 70 نبضة/دقيقة)
• 🎉 العد التنازلي لعيد الميلاد - الوقت المتبقي حتى عيد ميلادك القادم
• ⭐ البرج الفلكي - يعرض برجك الفلكي تلقائياً

🎨 تصميم عصري

• خلفيات متدرجة جميلة
• رسوم متحركة وانتقالات سلسة
• تخطيط قائم على البطاقات
• تكامل الأيقونات مع Font Awesome
• متغيرات CSS للتخصيص السهل

🚀 التثبيت والاستخدام

التثبيت

git clone https://github.com/YASSINENFAI/age-calculator.git
cd age-calculator

الاستخدام

1. افتح index.html في المتصفح
2. أدخل تاريخ ميلادك
3. اضغط على زر "احسب العمر"
4. استمتع بالنتائج!

🛠️ التقنيات المستخدمة

• HTML5
• CSS3 (Flexbox, Grid, Variables)
• JavaScript (ES6+)
• Font Awesome 6
• LocalStorage API

📧 التواصل

للأسئلة والاقتراحات، يرجى فتح Issue على GitHub.

---

صُنع بـ ❤️ بواسطة ياسين