قمت بتطوير تطبيق فواتير (Invoice App) باستخدام Next.js لواجهة المستخدم وTailwind CSS مع Shadcn UI لتصميم واجهة عصرية وسهلة الاستخدام.
يتيح التطبيق للمستخدم إنشاء، تعديل، وحذف الفواتير بسهولة، مع إمكانية إدخال بيانات العميل، العناصر، والكمية، ثم حساب المبلغ الإجمالي تلقائيًا.
تم دمج Stripe لإجراء عمليات الدفع بشكل آمن ومباشر من خلال الفاتورة.
? المفاهيم البرمجية المستخدمة:
Next.js App Router
Dynamic Routing
API Routes for backend logic
Server Actions
Stripe Integration for payment
Responsive Design with Tailwind CSS
Component-based Architecture
Shadcn UI Components for modern UI
Form Handling and Validation
State Management with useState / useEffect
Data fetching with async/await & fetch
Conditional Rendering