15 مشروع مكدس كامل مثير للاهتمام على GitHub للمبتدئين [2022]
نشرت: 2021-01-06يتضمن التطوير الكامل المكدس كلاً من برنامج العميل والخادم. لتحقيق مهنة ناجحة كمطور ويب ، ستحتاج إلى معرفة تطوير الواجهة الأمامية والخلفية. تقدم المشاريع الكاملة على GitHub طريقة رائعة لتعلم وبناء مهاراتك التنموية. سيساعدك تنفيذ مشروع مكدس كامل على إتقان HTML و CSS أثناء تحسين قدرات البرمجة الخاصة بك المتعلقة بما يلي:
- المتصفحات (باستخدام jQuery و Angular و JavaScript و Vue وما إلى ذلك)
- الخوادم (باستخدام PHP و Python و Node وما إلى ذلك)
- قاعدة البيانات (باستخدام SQL و SQLite و MongoDB وما إلى ذلك)
علاوة على ذلك ، فإن التطوير الكامل هو مهنة مطلوبة بشدة. نظرًا لأن المطورين يعرفون أحدث التقنيات وجميع جوانب التقنيات المستخدمة ، يمكنهم إنشاء نموذج أولي بسرعة ودعم أعضاء الفريق الآخرين. وبهذه الطريقة ، يقلل المطورون المهرة من التكلفة الإجمالية للمشروع ويمكّنون من التواصل الفعال مع الفريق.
جدول المحتويات
مشاريع كاملة المكدس على جيثب
تعلم كيفية إنشاء تطبيقات مثل Swiggy و Quora و IMDB والمزيد1. اضغط على الأخبار
إنه تطبيق ويب يعتمد على React ويوصي تلقائيًا بالأخبار بناءً على سجلات المستخدم. في الأساس ، تجمع TapNews الأخبار من مجموعة متنوعة من المصادر وتطبق التعلم الآلي لاقتراح الموضوعات. يزيل التكرارات باستخدام خوارزمية TF-IDF ويتنبأ بمواضيع الأخبار باستخدام TensorFlow CNN. علاوة على ذلك ، تساعد JSON-RPC في الاتصال بين خدمات الخلفية المتعددة.
2. Fullstackinator
يستخدم هذا المشروع خادم Node.js مع Express و Next.js لتطبيق React. إنه بمثابة نموذج مرجعي صلب للمشاريع واسعة النطاق ويتألف من هيكل تنظيم مجلد بسيط. يدمج Fullstackinator Redux لإدارة الحالة العالمية وإعداد Typescript في كل من ملفات الخادم والعميل. لذلك ، يمكنك التحقق من هذا المشروع مفتوح المصدر للحصول على مزيد من الوضوح حول طريقة عمل Node.js و Next.js و Typescript و Redux والمكونات ذات الأنماط.
3. PostVapoRS
تشير PostVapoRS إلى المكدس الكامل مع PostgreSQL و Vapor و React و Swift. يعد مشروع GitHub هذا أيضًا الأدوات التالية لتطوير الواجهة الخلفية والواجهة الأمامية:
- MySQL
- سكليتي
- MariaDB
- جافا سكريبت
- مسج
- تتفاعل
- Vue
- الزاوي
- ممشوق
- بوبر ، إلخ.
4. MongoVapoRS
هذا المشروع مشابه تمامًا للفكرة المذكورة أعلاه ، لكنه يستخدم MongoDB بدلاً من PostgreSQL. يمكنك نسخ MongoVapoRS لتتعرف على تطوير قواعد البيانات وبرامج تشغيل قواعد البيانات وأطر التطبيقات والمكتبات. لذا ، قم بالوصول إلى الكود وتدرب بعيدًا!
5. مكدس جزء في المكدس كامل أيضا
يمكنك العثور على رمز أداة إدارة المشروع الشخصية هذه هنا ، وهي متاحة مجانًا على GitHub. لقد تم بناؤه باستخدام React و SpringBoot. يحتوي مشروع أداة full-stack-ppm-tool على الوظائف التالية:
- ميزات تسجيل المستخدم وتسجيل الدخول
- مصادقة المستخدم عبر JWT Token
- عمليات CRUD
6. الترميز
يتمتع هذا المشروع المبتكر بمجتمع كبير من المساهمين. يعد CodingAI مثالاً ممتازًا على تطبيق متكامل يتيح للمطورين العثور على موجهين مرتبطين بمجموعة التكنولوجيا الخاصة بهم. يمكن أن تساعدك وثائق المشروع الشاملة في التعرف على React و CSS و Redux والتطوير سريع الاستجابة.
7. كتالوج الصنف
يوفر مشروع كتالوج العناصر النموذجي قائمة بالعناصر تحت فئات مختلفة ويتكون من تسجيل المستخدم ونظام المصادقة. يتضمن مستودع GitHub هذا كل هذه الميزات ويغطيها بالتفصيل. تم إنشاء مشروع كتالوج العناصر باستخدام HTML5 و Bootstrap و SQLAlchhemy و Vagrant و Flask. كما يسمح بتسجيل الدخول الاجتماعي إلى OAuth2 مع Google و Facebook.
عند تسجيل الدخول ، يمكن للمستخدمين تحديد عناصر محددة لجمع معلومات المنتج. يمكنهم أيضًا إضافة معلومات العنصر وتحريرها وحذفها. عند تسجيل الخروج ، تظهر الصفحة الرئيسية فارغة ، مع عدم إضافة أي عناصر.
يشير المشروع أيضًا إلى إمكانيات التحسين في تصميم التخطيط وتنفيذ حماية CSRF على عمليات CRUD. إذا كان لديك بالفعل بعض الخبرة في هذا المجال ، فقد يكون هذا أمرًا يستحق المحاولة.
8. برنامج تعليمي كامل المكدس
يمكنك الاطلاع على هذا البرنامج التعليمي لفهم كيفية تنفيذ تطبيق CRUD باستخدام JavaScript (React) للواجهة الأمامية و Python (Flask) للواجهة الخلفية. المتطلبات الأساسية للتطوير من البداية تشمل Node.js و Anaconda (Python 3). يمكن أن يكون البرنامج التعليمي للتطبيق مفيدًا للمبتدئين الذين قد يتعرضون للتخويف للبدء بمفردهم.
9. يشعر
Feel هو تطبيق مفتوح المصدر يقدم حلاً تقدميًا لمعالجة مشكلة القلق البشري. يربط الأشخاص الذين مروا بمواقف حياتية مماثلة ويشير إلى المنشورات المتعلقة بالكتب والطعام والألعاب والأفلام والموسيقى. بهذه الطريقة ، فإنها تخلق مساحة آمنة لمشاركة المشاكل وحتى توفير الإلهاء اليومي لبعض الناس. فيما يلي نظرة على المحتوى الفني لتطبيق Feel:
- النهاية الخلفية: NodeJS و Express و MongoDB
- الواجهة الأمامية: ReactJs والعديد من التبعيات الأخرى
- الهاتف المحمول: Expo and React Native
10. خريطة حي برلين
إنه تطبيق ويب من صفحة واحدة يعرض خريطة منطقتك. باستخدام مشروع الخريطة هذا ، يمكنك تمييز الأماكن وتحديد المواقع الشهيرة بعلامات الخريطة وإضافة بيانات الطرف الثالث وتضمين وظيفة البحث وعرض القائمة لجميع المواقع. يمكنك تحسين مهارات KnockoutJS و Google Maps API عن طريق تكرار رمز هذا المشروع.
11. مدبرة منزل
يتيح تطبيق الويب Housekeeper للطلاب جدولة خدمات التنظيف لغرف نزلهم. نظرًا لأن الطلاب لديهم أوقات متفاوتة في الفصل ، فإن تنظيف غرفهم في الوقت المحدد بطريقة فعالة في استخدام الموارد يمثل تحديًا كبيرًا. يعالج هذا المشروع هذه المشكلة بشكل مباشر من خلال تصميم مخطط قاعدة البيانات وتطبيقات الويب الأمامية والخلفية. كود المصدر لجميع الأجزاء الثلاثة متاح في المستودع.
12. نظام إدارة المستشفيات
يستخدم مشروع GitHub هذا اللغات والتقنيات التالية:
- HTML5 / CSS3
- بي أتش بي
- التمهيد
- جافا سكريبت (لتحديث المحتوى ديناميكيًا)
- XAMPP (خادم ويب Apache Friends)
- TCPDF (برنامج مفتوح المصدر لإنشاء ملفات PDF)
يمكنك تشغيل هذا المشروع على جهاز الكمبيوتر الخاص بك لمعرفة كيفية عمله والتعرف على تعقيداته. ستحتاج إلى تثبيت XAMPP في جهازك واستخدام Sublime Text بشكل مثالي كمحرر نصوص و Google Chrome لتشغيل المشروع.
13. BookMyShow استنساخ
إذا كنت تريد معرفة كيفية استخدام Django ، فهذا المشروع مناسب لك. يمنحك مستودع GitHub هذا نسخة متماثلة مكدسة كاملة من Book My Show مع العناصر التالية:
- صفحة تصفية الفيلم
- صفحة تفاصيل الفيلم
- قائمة المسارح / صالات السينما
- صفحة الحجز
14. مدونة الطعام اليابانية
يحتوي GitHub repo هذا على الكود المصدري لموقع J Food Blogger على الويب. تم إنشاء المكدس التقني باستخدام Node.js و Express و MongoDB و Bootstrap و Cloudinary. يمكن للأشخاص مشاركة تجارب الطعام الياباني على الموقع عن طريق إنشاء ملف تعريف شخصي ، وتحميل الصور ، وكتابة المدونات ، والتعليق ، وما إلى ذلك. يمكن للمستخدمين أيضًا البحث عن المنشورات التي تهمهم.
15. فيديو
إنه مثال لتطبيق إدارة المهام الذي يتيح لك تنظيم أنشطتك اليومية وتحسين إنتاجيتك. يستخدم Veudo مكدس PEVN ، والذي يتكون من PostgreSQL و Express و Vue و Node. نظرًا لأن أماكن العمل تتبنى بشكل متزايد نموذج العمل من المنزل ، فإن أهمية تطبيقات المهام آخذة في الازدياد. يمكنك أيضًا استخدام هذه التطبيقات لتتبع الأعمال والمسؤوليات الشخصية ، مثل إعداد قوائم التسوق أو تعيين تذكيرات لأعياد الميلاد.
تعلم: Django vs NodeJS: الفرق بين Django و NodeJS
تعلم دورات هندسة البرمجيات عبر الإنترنت من أفضل الجامعات في العالم. اربح برامج PG التنفيذية أو برامج الشهادات المتقدمة أو برامج الماجستير لتتبع حياتك المهنية بشكل سريع.
تغليف
من خلال هذا ، قمنا بتغطية مزيج مثير من الأفكار التي من شأنها أن تكون مفيدة لمطوري الويب والطلاب الطموحين. ستساعدك القائمة أعلاه للمشاريع المكدسة الكاملة على GitHub في التعرف على أفضل ممارسات التطوير وتحسين كفاءاتك الفنية. لذا ، جرب يدك في مشروع مكدس كامل وابدأ رحلة التعلم اليوم!
إذا كنت مهتمًا بمعرفة المزيد حول Javascript ، التطوير الكامل ، تحقق من upGrad & IIIT-B's Executive PG Program in Full-stack Software Development المصمم للمهنيين العاملين ويقدم أكثر من 500 ساعة من التدريب الصارم ، 9+ مشاريع ، والمهام ، وحالة خريجي IIIT-B ، ومشاريع التخرج العملية العملية والمساعدة في العمل مع الشركات الكبرى.
