kbank

Kbank ·

KBank é um aplicativo da Web simples para ensinar às crianças sobre alfabetização e responsabilidade financeira.

Índice

• ? Sobre
• Introdução
• ? Capturas de tela
  • Página do painel
  • Página de login
  • Página de inscrição
• Começando
  • Clonando o projeto
  • Executando o cliente
  • Executando o servidor
  • Correndo os dois
• Tecnologias
• ? Licença
• ? Reconhecimento

? Sobre

• Universidade: Universidade Estadual de San Jose
• Curso: Software Enterprise - CMPE172 (Primavera 2020)
• Membros da equipe: Jasmine Mai, Nhat Nguyen e Albert Ong

Introdução

Muitos pais dão um subsídio aos filhos. Alguns pais dão um subsídio semanal ou mensal gratuitamente. Ou, se eles fizerem seus filhos fazer as tarefas para ganhar subsídios, às vezes perdem o controle do que foi concluído e o quanto as crianças ganharam. Com o Kbank (Kids Bank), os pais podem adicionar tarefas disponíveis. Os pais definirão a recompensa de subsídio para cada um.

As crianças olham para a lista e escolherão quais querem fazer. Se as crianças completarem a tarefa, a recompensa será adicionada ao total de recompensas que poderão ser reivindicadas posteriormente. O aplicativo KBANK é uma vitória para pais e filhos! As crianças podem ganhar um subsídio e os pais podem gerenciar seu subsídio.

? Capturas de tela

Página do painel

Página de inscrição

Página de login

Começando

Clonando o projeto

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

# navigate to project
cd kbank

Executando o cliente

 # navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

Executando o servidor

 # navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

Correndo os dois

 # 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

Tecnologias

Projeto

• FIGMA // Ferramenta de design de interface
• Ferramenta de gráficos inkscape // vetorial
• UNSPLASH // stock photography

Front-end

• Html
• CSS
  • Pré -processador SASS // CSS
• JavaScript
  • React // JavaScript Library
  • Axios // Cliente HTTP
• Parcel // Web Application Bundler
  • PARCEL-PLUGIN-Inliner // CSS e JS embutido em HTML

Back -end

• Nó
  • Estrutura express // nó
• PostGres // Banco de dados de código aberto avançado
• Docker // Recipientes

DevOps

• Amazon RDS // Serviço de banco de dados relacional distribuído
• Amazon ECS // Serviço de orquestração de contêineres
• Sistema de controle de versão distribuída git //
  • Github // Serviço de hospedagem de repositório Git
• Código do Visual Studio // Editor de código

? Licença

Todas as partes deste projeto são gratuitas para usar e abusar sob a licença do MIT de código aberto.

? Reconhecimento

Escrito por Jasmine Mai, Nhat Nguyen e Albert Ong.