Pomodoro Timer App

Pomodoro Timer App

هذا هو تطبيق التركيز على Pomodoro المصمم لتحسين الإنتاجية باستخدام مؤقت قابل للتخصيص. يتضمن التطبيق أوضاع التركيز والاستراحة القصيرة والطويلة، بالإضافة إلى القدرة على مراجعة إحصائيات التركيز الأسبوعية. تم بناء المشروع باستخدام HTML، CSS، وجافا سكريبت.

العرض المباشر

تحقق من النسخة الحية هنا.

سمات

• أوضاع التركيز : تتضمن أوضاع التركيز والاستراحة القصيرة والاستراحة الطويلة.
• مؤقت مخصص : اضبط مدة التركيز، وأطوال الاستراحة، وحدد عدد جلسات التركيز قبل استراحة طويلة.
• السمات الداكنة والفاتحة : قم بالتبديل بين الوضعين الداكن والفاتح للحصول على راحة أفضل.
• المراجعة الأسبوعية : عرض ساعات التركيز اليومية وإجمالي وقت التركيز لكل أسبوع. تتم إعادة تعيين البيانات في بداية كل أسبوع جديد.
• التخزين المحلي : يتم حفظ إعداداتك وإحصائياتك الأسبوعية في وحدة التخزين المحلية للمتصفح.

إلهام التصميم

تصميم هذا التطبيق مستوحى من مجموعة Pomodoro Timer UI الموجودة على Figma. يمكنك مشاهدة التصميم الأصلي هنا.

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

• HTML : هيكل تطبيق الويب.
• CSS : التصميم والتصميم سريع الاستجابة.
• جافا سكريبت : الوظائف، والمؤقت، وإدارة الإعدادات، واستمرارية البيانات.

كيفية تشغيل المشروع محليا

1. استنساخ هذا المستودع:

   git clone https://github.com/arianimmen/Pomodoro-Timer-App.git

2. انتقل إلى دليل المشروع:

    cd Pomodoro-Timer-App

3. افتح public/index.html في متصفحك لبدء التطبيق.

المساهمات

المساهمات هي موضع ترحيب! لا تتردد في تفرع المستودع وإرسال طلبات السحب.