kbank

Kbank ·

KBank es una aplicación web simple para enseñar a los niños sobre la educación financiera y la responsabilidad.

Tabla de contenido

• ? Acerca de
• Introducción
• ? Capturas de pantalla
  • Página de tablero
  • Página de inicio de sesión
  • Página de registro
• Empezando
  • Clonando el proyecto
  • Ejecutando el cliente
  • Ejecutando el servidor
  • Ejecutando ambos
• Tecnologías
• ? Licencia
• ? Reconocimiento

? Acerca de

• Universidad: Universidad Estatal de San José
• Curso: Software empresarial - CMPE172 (primavera 2020)
• Miembros del equipo: Jasmine Mai, Nhat Nguyen y Albert Ong

Introducción

Muchos padres le dan a sus hijos una asignación. Algunos padres dan una asignación semanal o mensual de forma gratuita. O, si hacen que sus hijos hagan tareas para obtener la asignación, a veces pierden la noción de lo que se ha completado y cuánto ganaron los niños. Con Kbank (Kids Bank), los padres pueden agregar tareas disponibles. Los padres establecerán la recompensa de asignación para cada uno.

Los niños mirarán la lista y elegirán cuáles quieren hacer. Si los niños completan la tarea, la recompensa se agregará a sus recompensas totales que se pueden reclamar más adelante. ¡La aplicación Kbank es ganadora tanto para padres como para hijos! Los niños pueden obtener una asignación y los padres pueden manejar su asignación.

? Capturas de pantalla

Página de tablero

Página de registro

Página de inicio de sesión

Empezando

Clonando el proyecto

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

# navigate to project
cd kbank

Ejecutando el cliente

 # navigate to client
cd client

# installing the client
npm install

# running the client
npm run dev

Ejecutando el servidor

 # navigate to server
cd server

# installing the server
npm install

# running the server
npm run dev

Ejecutando ambos

 # 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

Tecnologías

Diseño

• Figma // Herramienta de diseño de interfaz
• Inkscape // Herramienta de gráficos vectoriales
• Unsplash // banco de fotografías

Interfaz

• Html
• CSS
  • Sass // preprocesador CSS
• Javascript
  • Reaccionar // Biblioteca JavaScript
  • Axios // cliente http
• Paquete // Bundler de aplicaciones web
  • parcel-plugin-inliner // en línea CSS y JS en html

Backend

• Nodo
  • Express // marco de nodo
• Postgres // Base de datos avanzada de código abierto
• Docker // contenedores

Devops

• Amazon RDS // Servicio distribuido de base de datos relacional
• Amazon ECS // Servicio de orquestación de contenedores
• Git // sistema de control de versiones distribuidas
  • GitHub // Servicio de alojamiento de repositorio de Git
• Código de Visual Studio // editor de códigos

? Licencia

Todas las partes de este proyecto son gratuitas de uso y abuso bajo la licencia MIT de código abierto.

? Reconocimiento

Escrito por Jasmine Mai, Nhat Nguyen y Albert Ong.