kbank

Kbank ·

KBank เป็นเว็บแอปพลิเคชันที่ง่าย ๆ ในการสอนเด็ก ๆ เกี่ยวกับความรู้ทางการเงินและความรับผิดชอบ

สารบัญ

• - เกี่ยวกับ
• การแนะนำ
• - ภาพหน้าจอ
  • หน้าแดชบอร์ด
  • หน้าเข้าสู่ระบบ
  • หน้าลงทะเบียน
• เริ่มต้น
  • การโคลนนิ่งโครงการ
  • เรียกใช้ไคลเอนต์
  • เรียกใช้เซิร์ฟเวอร์
  • ทำงานทั้งสองอย่าง
• เทคโนโลยี
• - ใบอนุญาต
• - การรับทราบ

- เกี่ยวกับ

• มหาวิทยาลัย: มหาวิทยาลัยแห่งรัฐซานโฮเซ่
• หลักสูตร: ซอฟต์แวร์ระดับองค์กร - CMPE172 (ฤดูใบไม้ผลิ 2020)
• สมาชิกในทีม: จัสมินไม, Nhat Nguyen และ Albert Ong

การแนะนำ

ผู้ปกครองหลายคนให้ค่าเผื่อลูก ผู้ปกครองบางคนให้ค่าเผื่อรายสัปดาห์หรือรายเดือนฟรี หรือหากพวกเขาทำให้ลูก ๆ ของพวกเขาทำงานบ้านเพื่อรับเบี้ยเลี้ยงบางครั้งพวกเขาก็สูญเสียการติดตามสิ่งที่เสร็จสมบูรณ์และเด็กที่ได้รับมากแค่ไหน ด้วย Kbank (Kids Bank) ผู้ปกครองสามารถเพิ่มงานบ้านที่มีอยู่ ผู้ปกครองจะกำหนดรางวัลค่าเผื่อสำหรับแต่ละคน

เด็ก ๆ จะดูรายการและเลือกคนที่พวกเขาต้องการทำ หากเด็ก ๆ ทำงานให้เสร็จรางวัลจะถูกเพิ่มเข้าไปในรางวัลรวมของพวกเขาที่สามารถอ้างสิทธิ์ได้ในภายหลัง แอปพลิเคชัน Kbank เป็น win-win สำหรับทั้งพ่อแม่และลูก! เด็ก ๆ สามารถได้รับเบี้ยเลี้ยงและผู้ปกครองสามารถจัดการเบี้ยเลี้ยงได้

- ภาพหน้าจอ

หน้าแดชบอร์ด

หน้าลงทะเบียน

หน้าเข้าสู่ระบบ

เริ่มต้น

การโคลนนิ่งโครงการ

 # 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 // Vector
• unsplash // การถ่ายภาพสต็อก

ส่วนหน้า

• HTML
• CSS
  • SASS // CSS preprocessor
• จาวาสคริปต์
  • react // javascript library
  • Axios // ไคลเอนต์ http
• พัสดุ // เว็บแอปพลิเคชัน Bundler
  • พัสดุไปรษณีย์-พัสดุไปรษณีย์ // อินไลน์ CSS และ JS ใน HTML

แบ็กเอนด์

• โหนด
  • Express // Node Framework
• Postgres // ฐานข้อมูลโอเพ่นซอร์สขั้นสูง
• นักเทียบท่า // คอนเทนเนอร์

Devops

• Amazon RDS // บริการฐานข้อมูลเชิงสัมพันธ์แบบกระจาย
• Amazon ECS // บริการ orchestration container
• ระบบควบคุมเวอร์ชัน Git //
  • GitHub // Git ที่เก็บบริการโฮสติ้ง
• Visual Studio Code // Code Editor

- ใบอนุญาต

ทุกส่วนของโครงการนี้มีอิสระที่จะใช้และใช้ในทางที่ผิดภายใต้ใบอนุญาต MIT โอเพนซอร์ส

- การรับทราบ

เขียนโดยจัสมินเชียงใหม่ Nhat Nguyen และ Albert Ong