الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

الواجهة

ملخص

تم تصميم الواجهة الأمامية باستخدام CSS React و Tailwind. يوفر واجهة مستخدم لعرض معلومات الأسهم ويسمح للمحررين بإضافة أسهم جديدة.

سمات

  • مصادقة المستخدم
  • إدارة المحتوى القائم على الأدوار
  • تصميم متجاوب
  • ميزات محرر خاصة لإضافة وإدارة الأسهم

المتطلبات الأساسية

  • node.js

ابدء

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

    git clone https://github.com/yourusername/stock-analysis-frontend.git
cd stock-analysis-frontend

  2. تثبيت التبعيات 

    npm install

  3. قم بتشغيل خادم التطوير 

    npm start

البرامج النصية المتاحة

في دليل المشروع ، يمكنك تشغيل:

  • npm run dev : يدير التطبيق في وضع التطوير.
  • npm build : يبني التطبيق للإنتاج.

هيكل الدليل 

 frontend/
├── src/
│   ├── components/
│   │   ├── Header.js
│   │   ├── Footer.js
│   │   └── StockForm.js
│   ├── context/
│   │   └── AuthContext.js
│   ├── pages/
│   │   └── StocksPage.js
│   ├── App.js
│   ├── index.js
│   └── ...
├── public/
├── package.json
└── tailwind.config.js

Tailwind CSS Setup

يستخدم CSS Tailwind للتصميم. تأكد من أنه تم إعداده بشكل صحيح في مشروعك. اتبع دليل تثبيت CSS الرسمي CSS إذا لزم الأمر.

المساهمة

المساهمات مرحب بها! يرجى فتح مشكلة أو إرسال طلب سحب لأي تحسينات أو إصلاحات الأخطاء.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل