kbank

kbank・

KBank 、金融リテラシーと責任について子供たちに教えるためのシンプルなWebアプリケーションです。

目次

• ？について
• 導入
• ？スクリーンショット
  • ダッシュボードページ
  • ログインページ
  • サインアップページ
• はじめる
  • プロジェクトのクローニング
  • クライアントを実行します
  • サーバーの実行
  • 両方を実行します
• テクノロジー
• ？ライセンス
• ？了承

？について

• 大学：サンノゼ州立大学
• コース：エンタープライズソフトウェア-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 //ベクトルグラフィックツール
• UNSPLASH //ストックフォト

フロントエンド

• HTML
• CSS
  • SASS // CSSプリプロセッサ
• JavaScript
  • React // JavaScriptライブラリ
  • axios // httpクライアント
• 小包// Webアプリケーションバンドラー
  • Parcel-Plugin-inliner // HTMLのインラインCSSおよびJS

バックエンド

• ノード
  • Express //ノードフレームワーク
• Postgres //高度なオープンソースデータベース
• Docker //コンテナ

DevOps

• Amazon RDS //分散リレーショナルデータベースサービス
• Amazon ECS //コンテナオーケストレーションサービス
• git //分散バージョン制御システム
  • github // gitリポジトリホスティングサービス
• ビジュアルスタジオコード//コードエディター

？ライセンス

このプロジェクトのすべての部分は、オープンソースMITライセンスの下で自由に使用および乱用できます。

？了承

Jasmine Mai、Nhat Nguyen、Albert Ongによって執筆。