kbank

Kbank ·

KBank est une simple application Web pour enseigner aux enfants la littératie et la responsabilité financières.

Table des matières

• ? À propos
• Introduction
• ? Captures d'écran
  • Page de tableau de bord
  • Page de connexion
  • Page d'inscription
• Commencer
  • Cloner le projet
  • Exécuter le client
  • Exécution du serveur
  • Courir les deux
• Technologies
• ? Licence
• ? Reconnaissance

? À propos

• Université: San Jose State University
• Cours: Enterprise Software - CMPE172 (printemps 2020)
• Membres de l'équipe: Jasmine Mai, Nhat Nguyen et Albert Ong

Introduction

De nombreux parents donnent à leurs enfants une allocation. Certains parents accordent gratuitement une allocation hebdomadaire ou mensuelle. Ou, s'ils font que leurs enfants font des corvées pour gagner une allocation, ils perdent parfois la trace de ce qui a été achevé et de la quantité que les enfants ont gagné. Avec Kbank (Kids Bank), les parents peuvent ajouter des tâches disponibles. Les parents définiront la récompense de l'allocation pour chacun.

Les enfants examineront la liste et choisiront ceux qu'ils veulent faire. Si les enfants complètent la corvée, la récompense sera ajoutée à leurs récompenses totales qui peuvent être réclamées plus tard. L'application KBank est gagnant-gagnant pour les parents et les enfants! Les enfants peuvent gagner une allocation et les parents peuvent gérer leur allocation.

? Captures d'écran

Page de tableau de bord

Page d'inscription

Page de connexion

Commencer

Cloner le projet

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

# navigate to project
cd kbank

Exécuter le client

 # navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

Exécution du serveur

 # navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

Courir les deux

 # 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

Technologies

Conception

• Outil de conception d'interface Figma //
• Outil graphique Vector // vectoriel
• UNSPLASH // Banques de Photographies

L'extrémité avant

• Html
• CSS
  • SASS // CSS PRÉSTROCESSEUR
• Javascrip
  • React // bibliothèque JavaScript
  • Client Axios // HTTP
• Colis // Bundler d'application Web
  • colis-plugin-inliner // en ligne CSS et JS en html

Backend

• Nœud
  • Framework express // nœud
• Postgres // base de données open source avancée
• Docker // conteneurs

DevOps

• Amazon RDS // Service de base de données relationnelle distribuée
• Service d'orchestration Amazon ECS // Container
• GIT // Système de contrôle de version distribué
  • Service d'hébergement de référentiel GitHub // Git
• Code Visual Studio // Éditeur de code

? Licence

Toutes les parties de ce projet sont gratuites à utiliser et à abuser sous la licence MIT open source.

? Reconnaissance

Écrit par Jasmine Mai, Nhat Nguyen et Albert Ong.