Giter Club home page Giter Club logo

zinobe's Introduction

Zinobe

Este proyecto fue generado con Angular CLI version 9.0.7.

Vista previa de la aplicación Web

  1. Solicitud de crédito Alt text

  2. Aprobación de cŕédito Alt text

  3. Lista de créditos aprobados y pendientes por pagar Alt text

  4. Lista de créditos rechazados Alt text

Modelo de datos

Alt text

  • Se realizó este modelo de bases de datos como una guía para la creación de los mocks en json-server.
  • La tabla menú quedó aislada ya que no tiene interacción con el modelo de datos.

Scripts para iniciar el proyecto

Dentro del directorio raíz, ejecutar los siguientes comandos:

  1. Instalar de forma global json-server: npm i json-server -g
  2. Instalación de dependencias: npm i
  3. Inicialización del servidor fake creado con json-server: npm run json:server
  4. Inicialización del proyecto en modo desarrollo: ng serve

Variables de entorno

Se encuentran alojadas en el archivo src/app/common/enviroment/index.ts

  • baseApiUrl - Define la url base de la API generada por json-server (Por defecto es http://localhost:3000)

Mocks de datos

  • La estructura de datos de json-server está contenida en server/db.json
  • Para restaurar la estructura inicial de los datos, copiar el contenido de server/db-example.json en server/db.json

Funcionalidad del aplicativo

  1. Se debe crear un cliente en el menú Clientes\Registrar Cliente

  2. Para generar un préstamo, se deben dirigir al menú Créditos\Solicitar y dentro del formulario, buscar por el número de identificación del cliente registrado en el paso 1.

  3. Al momento de enviar la solicitud del crédito, el sistema arrojará una ventana modal con un estado de éxito o error según las reglas del negocio solicitadas por la prueba técnica.

  4. Si el crédito es aprobado, automáticamente se descontará el valor solicitado del capital del banco, que se muestra en el header.

  5. Para visualizar los créditos pendientes por pagar se deben dirigir a Créditos\Aprobados. En este mismo módulo se puede cambiar un crédito pendiente por pagar a pagado. Esta acción también actualiza el valor del capital del banco que se muestra en el header.

  6. En el menú Créditos\Rechazados se muestra el listado de créditos no aprobados que se registraron desde el módulo de solicitar crédito.

Nota importante

  • Por cuestiones de tiempo, no se implementó la validación para evitar registros duplicados de clientes. Para lo cuál al momento de probar la aplicación, es importante evitar registrar clientes con un mismo número de identificación para obtener los resultados esperados dentro de la prueba técnica.

zinobe's People

Contributors

jean9108 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.