Giter Site home page Giter Site logo

nuevo's Introduction

Aplicación realizada por Jose Manuel Monzón, como prueba técnica para la empresa Aiudo.

Autenticación realizada con firestore.

Falso backend en src/backend.json.

Para interactuar con el falso backend he utilizado la librería de JS json-server.

Funciona como cualquier API, con un servidor que va modificando el archivo JSON.

Interactuamos con la API con normalidad, utilizando fetch.

He utilizado injectContext y useContext para tener un entorno global con la información del backend

y la información del usuario.

Cuando hay un cambio en el backend, cambia el estado global y se notifica al usuario.

Para el diseño he utilizado tailwindCSS

No hay paginación ni navegación entre rutas, todas las vistas son componentes

que se muestran respondiendo a estados globales.

Cuando se inicia la aplicación por primera vez o se actualiza la página se muestra un pequeño logo

con un texto animado en CSS, esto sirve para cargar la información por detrás.

Cuando desaparece la animación, si estamos logueados en firestore mostrará el dashboard,

si no lo estamos mostrará el login.

Pasos para ejecutar el proyecto:

Terminal back:

$ npm install -g json-server

$ json-server --watch src/backend.json --port 3001

o en powershell:

$ npx json-server --watch src/backend.json --port 3001

Terminal front:

$ npm install

$ npm run start

Hay creados 10 usuarios, todos con la contraseña "123456"

Los emails son ejemplos del 1 al 10 ("[email protected]" ... "[email protected]")

Los usuarios pueden hacerse transferencias entre sí, cada uno tiene un IBAN consecutivo.

("ES340255674390" ... "ES340255674399")

Los usuarios pueden adelantar los próximos pagos de sus préstamos,

realizar depósitos y retiradas.

*** En caso de no ejecutar en local, ***

*** probablemente tengas que cambiar la ruta del backend en el archivo .env ***

nuevo's People

Contributors

jmmonzonn avatar

Watchers

 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.