البدء

الفكرة

بناء منصة أتمتة مدرسية مثل هذه المنتجات الواقعية:

1. OpenEduCat - إدارة تعليم مفتوحة المصدر
2. Pioneers E-School - نظام مدرسي شامل
3. PowerSchool - تقييم 2.8 مليار دولار، 45 مليون طالب
4. Infinite Campus - 7.8 مليون طالب، 50 ولاية أمريكية

شاهد المزيد من الشركات في المنافسون.

إعداد بيئة التطوير المحلية

01. تثبيت VS Code

قم بالتحميل من code.visualstudio.com

02. تثبيت Node.js

قم بالتحميل من nodejs.org (إصدار LTS)

03. تثبيت Git

قم بالتحميل من git-scm.com

04. فتح VS Code

قم بتشغيل VS Code، ثم افتح الطرفية: View → Terminal

05. تثبيت pnpm

pnpmnpmyarnbun
pnpm add -g pnpm
Copy

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

Copygit clone https://github.com/databayt/hogwarts.git

07. فتح المشروع في VS Code

File → Open Folder → اختر مجلد hogwarts

08. فتح الطرفية في VS Code

View → Terminal أو Ctrl + `

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

Copypnpm install

10. إنشاء ملف البيئة

أنشئ .env في المجلد الجذر والصق المحتوى من مجموعة واتساب

11. إنشاء عميل Prisma

Copypnpm prisma generate

12. إعداد قاعدة البيانات

Copypnpm prisma migrate dev

13. بدء خادم التطوير

Copypnpm dev

14. فتح المتصفح

اذهب إلى http://localhost:3000

للإعداد التفصيلي، انظر إعداد بيئة التطوير المحلية.

أول مشكلة جيدة

أضف اسمك إلى صفحة المدونة كأول مساهمة لك.

01. إنشاء فرع جديد

Copygit checkout -b feat/your-name

02. فتح الملف

افتح src/components/marketing/blog/content.tsx في VS Code

03. إيجاد نص Blog

ابحث عن هذا الكود:

Copy<div>
    Blog
</div>

04. أضف اسمك أسفل Blog

غيّره إلى:

Copy<div>
    Blog
    <p>اسمك</p>
</div>

05. حفظ الملف

اضغط Ctrl + S

06. إضافة التغييرات للمرحلة

Copygit add .

07. تثبيت التغييرات

Copygit commit -m "feat: add اسمك to blog"

08. الدفع إلى GitHub

Copygit push origin feat/your-name

هذا كل شيء! مرحباً بك في هوجوورتس.

الخطوات التالية

تصفح العرض التجريبي لتقييم التقدم الحالي. افتح مشكلات للأخطاء التي تجدها، أو أنشئ مشكلات فرعية إذا كانت مشكلة مرتبطة موجودة بالفعل.

تسجيل الدخول: admin@databayt.org / 1234

استكشف التوثيق

• المنتج الأدنى القابل للتطبيق - الحد الأدنى من المنتج القابل للتطبيق
• دليل المساهمة - كيفية المساهمة
• الهندسة المعمارية - تصميم النظام
• الأنماط - أنماط الكود

انضم إلى المجتمع

• تصفح المشكلات المفتوحة على GitHub
• انضم إلى خادم Discord