kbank

KBANK ·

KBank ist eine einfache Webanwendung, um Kindern über finanzielle Kompetenz und Verantwortung zu unterrichten.

Inhaltsverzeichnis

• ? Um
• Einführung
• ? Screenshots
  • Dashboard -Seite
  • Anmeldeseite
  • Anmeldeseite
• Erste Schritte
  • Das Projekt klonen
  • Ausführen des Kunden
  • Ausführen des Servers
  • Beides laufen
• Technologien
• ? Lizenz
• ? Anerkennung

? Um

• Universität: San Jose State University
• Kurs: Enterprise Software - CMPE172 (Frühjahr 2020)
• Teammitglieder: Jasmine Mai, Nhat Nguyen und Albert Ong

Einführung

Viele Eltern geben ihren Kindern eine Zulage. Einige Eltern geben wöchentlicher oder monatlicher Zulage kostenlos. Oder wenn sie ihre Kinder dazu bringen, Aufgaben zu erledigen, um Zulagen zu verdienen, verlieren sie manchmal den Überblick über das, was fertiggestellt wurde und wie viel die Kinder verdient haben. Mit KBANK (Kids Bank) können Eltern verfügbare Aufgaben hinzufügen. Die Eltern setzen die Zulassungsbelohnung für jeden einzelnen.

Die Kinder werden sich die Liste ansehen und auswählen, welche sie tun möchten. Wenn die Kinder die Pflicht abschließen, wird die Belohnung zu ihren Gesamtprämien hinzugefügt, die später beansprucht werden können. Die KBANK-Anwendung ist eine Win-Win-Situation für Eltern und Kinder! Kinder können eine Zulage verdienen und Eltern können ihre Zulage verwalten.

? Screenshots

Dashboard -Seite

Anmeldeseite

Anmeldeseite

Erste Schritte

Das Projekt klonen

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

# navigate to project
cd kbank

Ausführen des Kunden

 # navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

Ausführen des Servers

 # navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

Beides laufen

 # 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

Technologien

Design

• Figma // Schnittstellen -Design -Tool
• Inkscape // Vektorgrafikwerkzeug
• Unplash // Stock Fotografie

Frontend

• Html
• CSS
  • SASS // CSS -Präprozessor
• JavaScript
  • React // JavaScript -Bibliothek
  • Axios // HTTP -Client
• Paket // Webanwendungsbundler
  • Paket-Plugin-Inliner // Inline-CSS und JS in HTML

Backend

• Knoten
  • Express // Knoten Framework
• Postgres // Advanced Open Source -Datenbank
• Docker // Container

DevOps

• Amazon RDS // Distributed Relational Database Service
• Amazon ECS // Container Orchestration Service
• GIT // verteiltes Versionskontrollsystem
  • Github // Git Repository Hosting -Dienst
• Visual Studio -Code // Code -Editor

? Lizenz

Alle Teile dieses Projekts können unter der Open-Source-MIT-Lizenz kostenlos und missbrauchen.

? Anerkennung

Geschrieben von Jasmine Mai, Nhat Nguyen und Albert Ong.