Finance Tracker

مرحبا اريد مشروع React Web App صغير يساعد المستخدم يسجل الدخل والمصروف ويشوف إجمالي الربح أو الخسارة. 🔸 تاسك 1 – Income & Expense Form Page اسم الصفحة: add-transaction.html المطلوب: إنشاء فورم لإضافة عملية (Transaction). اختيار النوع: Income / Expense. إدخال المبلغ وصف بسيط. عند الضغط على “Add” يتم حفظ العملية في LocalStorage. 🔸 تاسك 2 – Transactions List Page اسم الصفحة: transactions.html المطلوب: صفحة تعرض كل العمليات (الدخل والمصروف). يتم تمييز العملية بلون مختلف: الأخضر للدخل الأحمر للمصروف إضافة زر Delete لحذف أي عملية. لازم تعرض التاريخ تلقائيًا لكل عملية. 🔸 تاسك 3 – Summary Dashboard Page اسم الصفحة: summary.html المطلوب: حساب تلقائي: Total Income Total Expenses Net Balance (Profit / Loss) لو الرصيد موجب → يظهر باللون الأخضر لو سالب → يظهر بالأحمر تصميم Card بسيط وواضح.