تطبيق ويب تجريبي مبني باستخدام React.js يسمح للمستخدمين ببيع وشراء منتجات باستخدام عملة Pi.
- عرض قائمة منتجات مع الصور والأسعار.
- صفحة تفاصيل المنتج مع إمكانية الشراء.
- محفظة رقمية تجريبية (رصيد ابتدائي 500 π).
- سجل المعاملات (شراء / إضافة منتجات).
- إمكانية إضافة منتجات جديدة.
- افتح موقع Replit.
- أنشئ مشروع جديد باستخدام قالب React.js.
- انسخ الملفات التالية داخل المشروع:
src/App.jssrc/components/ProductList.jssrc/components/ProductDetails.jssrc/components/Wallet.jssrc/components/AddProduct.js
- انسخ هذا الملف
README.mdإلى جذر المشروع. - اضغط على زر Run في Replit.
- افتح الرابط الذي يولّده Replit لمشاهدة التطبيق يعمل مباشرة.
- 🏠 الصفحة الرئيسية: قائمة منتجات.
- 📄 تفاصيل المنتج: معلومات + زر شراء.
- 💰 المحفظة: رصيد + سجل عمليات.
- ➕ إضافة منتج: نموذج لإضافة منتجات جديدة.
- ربط التطبيق بمحفظة Pi Wallet الحقيقية عبر Pi SDK.
- تطوير واجهة أكثر احترافية باستخدام مكتبات UI (مثل Material UI).
- إضافة تسجيل دخول المستخدمين باستخدام حساب Pi.
- دعم الدفع والتحويلات على الشبكة الرئيسية.
تم تطوير هذا النموذج الأولي بواسطة Ahmed للمشاركة في Pi Hackathon 2025.