El objetivo de este laboratorio es crear una aplicación web utilizando React aplicando todos los conocimientos obtenidos en el bootcamp.
Para instalar el proyecto, ejecutar el siguiente comando:
npm installCon este comando se instalarán tanto las dependencias de la aplicación como las del servidor.
Para ejecutar el proyecto, ejecutar el siguiente comando:
npm run devTambién se puede hacer desde la raíz de la aplicación, arrancar la aplicación por separado:
npm run devY el servidor, vamos a la carpeta server:
cd serverY ejecutamos el siguiente comando:
npm startPara poder logarse en la aplicación, se debe utilizar el siguiente usuario y contraseña:
Usuario: [email protected]
Contraseña: testLa aplicación consiste en una banca online, donde el usuario puede ver sus cuentas, ver los movimientos de una cuenta y hacer transferencias.
Vamos a tener las siguientes pantallas:
- Login
- Mis cuentas
- Creación y edición de cuentas
- Movimientos de una cuenta
- Transferencias tanto desde un enlace cómo a partir de movimientos hacer una transferencia desde una cuenta determinada.
- La aplicación debe está desarrollada con React.
- El backend está montado sobre JSON Server.
- La aplicación es responsive.
- La aplicación tiene un menú superior con las siguientes opciones:
- Mis cuentas
- Transferencias
- Movimientos, solo se quiere ver los movimientos de una cuenta.
El servidor está montado sobre JSON Server, y tiene los siguientes endpoints:
- La URL base es: http://localhost:3000/api, se puede cambiar el puerto en el fichero package.json.
- Para obtener el listado de cuentas: GET /account-list
- Para obtener una cuenta: GET /account-list/:id
- Para crear una cuenta: POST /account-list
- Para editar una cuenta: PATCH /account-list/:id, por el tema que cuando se crea una cuenta en backend se asignan unos campos específicos, que se pueden ver en el fichero account.middleware.js.
- Para obtener los movimientos de una cuenta: GET /movements/:id
- Para hacer una transferencia: POST /transfer.