تطبيق عربي متطور لإدارة وتتبع استثمارات الذهب مع واجهة مستخدم عصرية متوافقة مع iOS.
- تتبع دقيق لعمليات الشراء والبيع
- حساب الأرباح والخسائر التلقائي
- عرض القيمة السوقية الحالية للمحفظة
- دعم جميع عيارات الذهب (18، 21، 22، 24)
- عرض الأسعار الحالية للذهب بجميع العيارات
- رسوم بيانية لتتبع تحركات الأسعار
- تنبيهات ذكية عند وصول الأسعار للمستوى المطلوب
- مؤشرات أداء يومية (أعلى/أدنى سعر، التغيير اليومي)
- تحديد أهداف شخصية للادخار بالجرام
- تتبع التقدم نحو الهدف
- حساب المبلغ المطلوب لإتمام الهدف
- شريط تقدم بصري
- تنبيهات عند ارتفاع السعر فوق مستوى معين
- تنبيهات عند انخفاض السعر تحت مستوى معين
- تنبيهات عند تغير الأسعار بنسبة محددة
- إدارة شاملة للتنبيهات (تفعيل/إلغاء/حذف)
- تصميم متوافق مع iOS
- دعم كامل للوضع الليلي والنهاري
- واجهة عربية بالكامل
- تجربة لمسية محسنة للهواتف المحمولة
- React 18 - مكتبة JavaScript للواجهات
- TypeScript - لتحسين جودة الكود
- Tailwind CSS v4 - لتصميم الواجهات
- Lucide React - للرموز
- Shadcn/UI - مكتبة مكونات عالية الجودة
- Recharts - للرسوم البيانية
- Sonner - للإشعارات
- Motion/React - للحركات والتأثيرات
- React Context - لإدارة الحالة العامة
- React Hooks - لإدارة الحالة المحلية
- localStorage - لحفظ البيانات محلياً
├── App.tsx # المكون الرئيسي
├── components/
│ ├── auth/ # مكونات التسجيل والمصادقة
│ │ ├── AuthProvider.tsx
│ │ ├── AuthWrapper.tsx
│ │ ├── LoginScreen.tsx
│ │ └── RegisterScreen.tsx
│ ├── dashboard/ # مكونات الصفحة الرئيسية
│ │ ├── Dashboard.tsx
│ │ ├── GoldPriceChart.tsx
│ │ └── SavingsGoal.tsx
│ ├── transactions/ # مكونات المعاملات
│ │ ├── TransactionsScreen.tsx
│ │ ├── AddPurchaseModal.tsx
│ │ └── AddSaleModal.tsx
│ ├── alerts/ # مكونات التنبيهات
│ │ ├── AlertsScreen.tsx
│ │ └── CreateAlertModal.tsx
│ ├── settings/ # مكونات الإعدادات
│ │ ├── UserSettingsScreen.tsx
│ │ ├── ChangePasswordModal.tsx
│ │ └── DeleteAccountModal.tsx
│ ├── ui/ # مكونات الواجهة الأساسية
│ └── ...
├── styles/
│ └── globals.css # الأنماط العامة
└── README.md # هذا الملف
- الخلفية الفاتحة: #FEFEFE
- الخلفية الغامقة: #000000
- اللون الأساسي: #D4AF37 (الذهبي)
- اللون الثانوي: #F1F3F4 (الرمادي الفاتح)
- لون النجاح: #16A34A (الأخضر)
- لون الخطر: #DC2626 (الأحمر)
- الخط الأساسي: Tajawal
- الخط الاحتياطي: -apple-system, BlinkMacSystemFont
- نقاط اللمس: 44px (معيار iOS)
- الانحناءات: 8px - 24px
- المسافات: 4px - 32px
- Node.js 18 أو أحدث
- npm أو yarn
# نسخ المشروع
git clone [repository-url]
# الانتقال للمجلد
cd gold-wallet
# تثبيت الحزم
npm install
# تشغيل التطبيق
npm run dev# بناء التطبيق
npm run build
# معاينة النسخة المبنية
npm run preview- عرض ملخص المحفظة
- أزرار الشراء والبيع
- رسم بياني للأسعار
- تتبع أهداف الادخار
- قائمة بجميع المعاملات
- تصفية وبحث متقدم
- تفاصيل كل معاملة
- إنشاء تنبيهات جديدة
- إدارة التنبيهات الموجودة
- إحصائيات التنبيهات
- آخر أخبار الذهب
- تحليلات السوق
- توصيات الخبراء
- إعدادات الحساب
- تغيير كلمة المرور
- إعدادات الإشعارات
- حذف الحساب
- تشفير كلمات المرور
- حفظ البيانات محلياً
- عدم مشاركة المعلومات مع أطراف ثالثة
- تسجيل دخول آمن
- إعادة تعيين كلمة المرور
- تسجيل خروج تلقائي
- Chrome 80+
- Firefox 75+
- Safari 13+
- Edge 80+
- iPhone 8 وأحدث
- iPad (جميع الأجيال)
- أجهزة Android الحديثة
- أجهزة الكمبيوتر المكتبية
- دعم عملات أخرى
- تصدير التقارير
- مزامنة سحابية
- تطبيق الهاتف المحمول
- ذكاء اصطناعي للتوصيات
- دعم أكثر من مستخدم
- واجهة برمجة التطبيقات
- تحليلات متقدمة
أحمد الزهراني
- 📧 البريد الإلكتروني: l6r@outlook.sa
- 🌐 الموقع الشخصي: sczi7.com
- 💼 GitHub: @scz0x
هذا المشروع مرخص تحت MIT License.
نرحب بالمساهمات! يرجى قراءة دليل المساهمة للمزيد من المعلومات.
إذا واجهت أي مشاكل، يرجى إنشاء Issue جديد.
- React - مكتبة JavaScript
- Tailwind CSS - CSS framework
- Shadcn/UI - مكونات UI
- Lucide - مكتبة الرموز
- Recharts - مكتبة الرسوم البيانية
صُنع بـ ❤️ في المملكة العربية السعودية
© 2025 أحمد الزهراني. جميع الحقوق محفوظة.