kbank

Kbank ·

KBank هو تطبيق ويب بسيط لتعليم الأطفال حول محو الأمية المالية والمسؤولية.

جدول المحتويات

• ؟ عن
• مقدمة
• ؟ لقطات الشاشة
  • صفحة لوحة القيادة
  • صفحة تسجيل الدخول
  • صفحة الاشتراك
• ابدء
  • استنساخ المشروع
  • تشغيل العميل
  • تشغيل الخادم
  • الجري على حد سواء
• التقنيات
• ؟ رخصة
• ؟ شكر وتقدير

؟ عن

• الجامعة: جامعة ولاية سان خوسيه
• الدورة: برنامج Enterprise - CMPE172 (ربيع 2020)
• أعضاء الفريق: ياسمين ماي ، و Nhat Nguyen ، وألبرت أونج

مقدمة

العديد من الآباء يمنحون أطفالهم بدلًا. بعض الآباء يقدمون بدلًا أسبوعيًا أو شهريًا مجانًا. أو ، إذا جعلوا أطفالهم يقومون بالأعمال المنزلية لكسب بدل ، فإنهم يفقدون أحيانًا ما تم الانتهاء منه ومقدار كسب الأطفال. مع Kbank (Kids Bank) ، يمكن للآباء إضافة الأعمال المتاحة. سيقوم الآباء بتعيين مكافأة البدل لكل واحد.

سوف ينظر الأطفال إلى القائمة ويختارون الأشخاص الذين يريدون القيام به. إذا أكمل الأطفال الرتيب ، فسيتم إضافة المكافأة إلى مكافآتهم الكلية التي يمكن المطالبة بها لاحقًا. تطبيق Kbank هو الفوز لكل من الوالدين والأطفال! يمكن للأطفال كسب بدل ويمكن للآباء إدارة بدلهم.

؟ لقطات الشاشة

صفحة لوحة القيادة

صفحة الاشتراك

صفحة تسجيل الدخول

ابدء

استنساخ المشروع

 # clone project
git clone https://github.com/npathapp/kbank.git

# navigate to project
cd kbank

تشغيل العميل

 # navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

تشغيل الخادم

 # navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

الجري على حد سواء

 # navigate to server directory
cd server

# installing the server
npm install

# navigate to client directory
cd ../client

# installing the client
npm install

# Running the project
npm start

التقنيات

تصميم

• أداة تصميم الواجهة Figma //
• أداة رسومات inkscape // ناقلات
• Unsplash // معرض الصور الفوتوغرافية

الواجهة

• HTML
• CSS
  • Sass // CSS Preprocessor
• جافا سكريبت
  • رد فعل // جافا سكريبت
  • axios // عميل http
• Parcel // Web Application Bundler
  • Parcel-plugin-inliner // inline CSS و JS في HTML

الخلفية

• العقدة
  • إطار عمل Express // Node
• postgres // قاعدة بيانات المصدر المفتوحة المتقدمة
• Docker // الحاويات

ديفوبس

• Amazon RDS // خدمة قاعدة البيانات العلائقية الموزعة
• Amazon ECS // خدمة تزامن الحاويات
• نظام التحكم في الإصدار الموزع //
  • خدمة استضافة مستودع مستودع Github //
• Visual Studio Code // Code Editor

؟ رخصة

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

؟ شكر وتقدير

كتبه ياسمين ماي ، و Nhat Nguyen ، و Albert Ong.