KBank ·

KBank is a simple web application to teach kids about financial literacy and responsibility.

📖 Table of Contents

• 📢 About
• 💡 Introduction
• 📷 Screenshots
  • Dashboard page
  • Login page
  • Signup page
• 🚀 Getting Started
  • Cloning the project
  • Running the client
  • Running the server
  • Running both
• 💻 Technologies
• 📄 License
• 🎩 Acknowledgement

📢 About

• University: San Jose State University
• Course: Enterprise Software - CMPE172 (Spring 2020)
• Team Members: Jasmine Mai, Nhat Nguyen, and Albert Ong

💡 Introduction

Many parents give their children an allowance. Some parents give weekly or monthly allowance for free. Or, if they make their children do chores to earn allowance, they sometimes lose track of what’s been completed and how much the children earned. With KBank (kids bank), parents can add available chores. Parents will set the allowance reward for each one.

The children will look at the list and choose which ones they want to do. If the children completes the chore, the reward will be added to their total rewards that can be claimed later. KBank application is a win-win for both parents and children! Children can earn an allowance and parents can manage their allowance.

📷 Screenshots

Dashboard page

Signup page

Login page

🚀 Getting Started

Cloning the project

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

# navigate to project
cd kbank

Running the client

# navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

Running the server

# navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

Running both

# 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

Design

• Figma // Interface Design Tool
• Inkscape // Vector Graphics Tool
• Unsplash // Stock Photography

Frontend

• HTML
• CSS
  • Sass // CSS Preprocessor
• JavaScript
  • React // JavaScript Library
  • axios // HTTP Client
• Parcel // Web Application Bundler
  • parcel-plugin-inliner // Inline CSS and JS in HTML

Backend

• Node
  • Express // Node framework
• Postgres // Advanced Open Source Database
• Docker // Containers

DevOps

• Amazon RDS // Distributed Relational Database Service
• Amazon ECS // Container Orchestration Service
• Git // Distributed Version Control System
  • GitHub // Git Repository Hosting Service
• Visual Studio Code // Code Editor

📄 License

All parts of this project are free to use and abuse under the open-source MIT license.

🎩 Acknowledgement

Written by Jasmine Mai, Nhat Nguyen, and Albert Ong.