Crear una aplicación web que permita a un usuario definir un balance en dólares a invertir en 3 diferentes criptomonedas el usuario podrá invertir en Bitcoin, Ethereon y Cardano.
La aplicación calculará la ganancia anual para cada moneda asumiendo que para Bitcoin tiene un retorno mensual del 5%, para Ether tiene un retorno mensual de 4.2% y para Cardano del 1% mensual.
Adicionalmente se verá el balance proyectado final del monto que invirtió y su equivalente en cripto. Finalmente se tendrá una tabla (grid) con información actualizada de 3 criptomonedas, la cual tendrá la opción de exportar a CSV y a JSON.
El posicionamiento de todos los elementos en la página de inicio queda a discreción del desarrollador.
- 1 Adecuar un backend para gestionar de manera mas efectiva un canal con websocket
- 2 Mejorar la arquitectura separando mas sus dependencias y agregando un sistema modular
- 3 Separar de manera mas modular las clases css de la mano del punto 2
- 4 Gestionar de mejor manera las consultas esto se optimizaria con websocket pero el endpoint no permite wss: como detallo en el punto 1
- 1 esto se puede mejorar con un backend y una apertura de un canal wss:
- 2 se pudo realizar la integracion a un sistema de archivos modular pero el reto es muy pequeño para realizar esta solucion
- 3 de la mano del punto 2
- 4 esto se resolveria con un websocket para optimizar las consultas
En el directorio del proyecto, puedes ejecutar los siguientes comandos:
Compila y genera una versión optimizada del proyecto para producción en la carpeta dist
.
Inicia un servidor de desarrollo y abre el proyecto en el navegador para previsualizarlo.
Ejecuta el linter para analizar y verificar la sintaxis del código.
Intenta corregir automáticamente los problemas de sintaxis y estilo encontrados por el linter.
Aplica el formateo de código según las reglas definidas por el linter.
Ejecuta todos los casos de prueba del proyecto.
Inicia el modo de observación de los casos de prueba, que se volverán a ejecutar automáticamente al detectar cambios en los archivos.
Verifica el tipo de todas las expresiones del código y muestra cualquier error o advertencia relacionada con el sistema de tipos.
Aplica las reglas de formateo definidas por Prettier a todos los archivos del proyecto.
Intenta corregir automáticamente los problemas de formateo de código según las reglas de Prettier.
Combina los comandos lint:format
y prettier:fix
para aplicar tanto el formateo de código como la corrección de errores de sintaxis y estilo.
Verifica si hay actualizaciones de dependencias disponibles.
Comando ejecutado automáticamente por npm antes de que el paquete sea instalado como una dependencia de otro proyecto. Puede ser utilizado para configuraciones y construcciones adicionales.
Un comando personalizado que puedes definir para crear nuevos hooks o componentes. Puedes personalizarlo según tus necesidades.