Demantur Bank

"Cuida de los pequeños gastos; un pequeño agujero hunde un barco"

Luis Márquez 📖 🎨

Javier Mejía 📖 💻

Alvin Meléndez 💻

Kevin Menéndez 💻

Steve Sánchez 🎨

Daniel Vásquez 🎨 💻

Nuestro proyecto

Los sistemas financieros en línea juegan un papel importante en las actividades cotidianas de cualquier usuario en Internet, ciertamente el uso de las herramientas electrónicas virtuales simplifican en gran medida los procesos que una entidad financiera conlleva. Para bien o para mal, muchos de los sistemas actuales son precarios y han quedado desfasados con el pasar de los últimos años y es por ello que no hacen uso del verdadero potencial de las tecnologías.

Objetivos

1. Brindar un servicio moderno, confiable y de calidad con las herramientas necesarias para proveer una experiencia amigable y dinámica, proporcionando una sostenibilidad en relación a la inclusión financiera, creando un entorno de aprendizaje para quienes necesiten una orientación en base a los procesos bancarios.

2. Ahorrar tiempo valioso brindando las herramientas para poder realizar los trámites requeridos en cualquier lugar y cualquier momento.

3. Utilizar el verdadero potencial de las tecnologías actuales.

Misión	Visión
Ofrecer una plataforma bancaria de calidad, en la cual se prioriza la atención, la experiencia dinámica y amigable con los clientes, mediante la implementación de procesos financieros innovadores que permiten tener un nivel de eficiencia y productividad bastante elevado, satisfaciendo así, las necesidades de los clientes.	Ser una empresa reconocida nacional e internacionalmente por los clientes, a través del uso de tecnologías y estrategias digitales que ofrecen soluciones financieras útiles y responsables, todo esto, gracias a la interacción y cooperación entre los usuarios y el banco, teniendo siempre en cuenta la actitud de servicio y los valores.

Aspectos técnicos

El proyecto tiene sus bases en la metodología MVC (Modelo Vista Controlador) el cual es una herramienta que facilita la interfaz entre lo que el usuario y el programador ve, facilitando una óptima funcionalidad y un flujo entendible en el proyecto.

Tecnologías utilizadas
	MongoDB	+5.0	Base de datos no relacional utilizada para almacenar colecciones de dato para las cuentas e información bancaria de los clientes, empleados y administradores
	Express.js	+4.18.1	Entorno de trabajo para Node.js utilizado para manejar la API del Back-End
	React	+18.1	Biblioteca de Javascript que permite realizar las interfaces de usuario y renderizar elementos traídos del Back-End en el Front-End
	Node.js	+16.14.2	Entorno de ejecución que permite ejecutar Javascript desde el servidor, complemento para ejecutar Express.js
	Socket.IO	+4.5.1	Permite ejecutar acciones en tiempo real como el envío de transferencias y el procesamiento de solicitudes
	Tailwind CSS	+4.0	Framework de CSS que permite estilizar el contenido del Front-End con facilidad
	SASS	+1.52.3	Framework de CSS que permite estilizar el contenido del Front-End con facilidad

Cómo instalar

1. Asegurarse de tener instalado Mongo DB, Node.js y Visual Studio Code con su extensión de Thunder Client.

2. Descargar el repositorio.

3. Abrir el proyecto en Visual Studio Code y abrir cuatro terminales. En la primer terminal, ejecutar el comando mongod para inicializar Mongo DB.

4. Instalar las dependencias con las otras tres terminales, ejecutando el comando en la segunda terminal, ejecutar los comandos, cd client && npm install, cd server && npm install y cd socket && npm install, en una terminal diferente.

5. Abrir el archivo .env y completar las variables seguidas del =. En MONGO_URI colocar la dirección URI para establecer la conexión a la base de datos, si se desea manejar de manera local, definir el campo con mongodb://127.0.0.1/DemanturDB

6. Definir los campo JWT_SECRET, JWT_SECRET_ALTERNATIVE y JWT_EXPIRE con 3938dc1ab14fa1be82477f328fcb5e22f580015941611b4358bc106382ab4c3253413c, 8cec5756b364430e9f5ff033591aa2d0a254cb73d2abb1911943fd4cf570ccc7672e06 y 10min respectivamente.

7. Para la variable PORT, definir el número de puerto que se desea utilizar en el Back-End (se recomienda el puerto 4000).

8. En la variable EMAIL_HOST definir con smtp.gmail.com, igualmente con EMAIL_PORT definir el número de puerto (se recomienda el puerto 465), para la variable EMAIL_USERNAME escribir el correo a utilizar para el envío de e-mails, seguidamente el campo EMAIL_PASSWORD con la contraseña del correo y finalmente la variable EMAIL_FROM donde de debe definir el emisor del correo (el mismo correo utilizado)

9. Iniciar el proyecto, ejecutando el comando npm start en la terminal de la carpeta client, server y socket.

10. Abrir Thunder Client y abrir la ruta http://localhost:4000/api/accounts/create/admin para crear un administrador, deberán enviarse los siguientes parámetros.

{
    "Name": "admin",
    "Password": "2012"
}

11. Asimismo, abrir la ruta http://localhost:4000/api/admin/actions/create-dui para registrar un DUI en la base de datos y poder iniciar sesión como cliente.

{
  "DuiFirstNames": "nombre1 nombre2",
  "DuiLastNames": "apellido1 apellido2",
  "DuiNumber": "000000-0",
  "DuiDateBirth": "31/12/1969"
}

Características del proyecto

Demantur cuenta con un sinfín de funcionalidades disponibles para todo tipo de usuarios, entre las principales se puede mencionar:

• Página principal

Un diseño simple pero intuitivo definido por un sistema de navegación.

• Sistema de traducción

Expandir los métodos comunicativos es importante y es por ello que el idioma de la página puede ser cambiado entre español e inglés.

• Centro de ayuda y contacto

En relación a la inclusión financiera, el sitio web cuenta con un centro de ayuda el cual contiene información relacionada a los procesos bancarios para orientar a los usuarios que lo necesiten.

• Envío de correos

El sistema cuenta con el envío de correos personalizados para mantener al cliente notificado y proceder con procesos de validación.

• Panel de cliente

Únicamente accesible para aquellos clientes previamente registrados, cuenta con los procesos necesarios para ejecutar acciones financieras y mostrar la información relacionada para cada cliente.

• Panel de empleado

Contiene todas las acciones que un empleado puede llevar a cabo y para acceder al panel se debe ingresar a la ruta http://localhost:3000/auth/employee/login

• Panel de administrador

Restringido solo para administradores de la página, para iniciar sesión se debe acceder a la ruta http://localhost:3000/auth/admin/login y permite ejecutar acciones reservadas para administrador.

Un proyecto desarrollado por

Dépayser Industries

Versión Beta 1.0.0

El proyecto aún está en una fase de desarrollo beta, proximamente habrán más novedades.