Vue logo

Bootstrap logo

Version License

Vue.js + Bootstrap 5 - frontend

Prueba técnica FEBOS - Desarrollo Front-end

La prueba técnica consiste en construir una aplicación web muy sencilla utilizando vue 2.x que sea capaz de lo siguiente:

  • Mostrar información desde Wazirx exchange a nivel de cabezera y detalle.
  • Todas las decisiones sobre layout, arquitectura e implementaciones es del postulante. (Las secciones no necesariamente estan separadas, aplicar lo que se desee para que sea amigable y visualmente atractivo)

Tendremos basicamente dos funcionalidades, una es mostrar de alguna forma el listado de mercados, y la otra es mostrar un mercado individual (misma pagina, tab, grilla y popup, como creas conveniente y amigable)

Funcionalidad 1: Wazirx Resumen/Listado

  • Mostrar el listado "market summary" que es retornado en JSON desde la siguiente API (Market Summaries 24hrs API)

Funcionalidad 2: Mostrar datos individuales(market data)

  • Dejar al usuario seleccionar un mercado desde Wazirxt el cual mostrara información del mercado individual seleccionado Rest CALL ejemplo

Permite que el usuario pueda ver tantos markets como quiera en una pagina.

Prerequisitos

Tu necesitas tener Node.js version 6.0 o mayor instalado en su sistema.

Setup

Obtenga el código clonando este repositorio mediante git

> git clone https://github.com/josefaherreras/criptomoneda-febos.git

... o descargando el código fuente como un archivo zip.

Una vez descargado, abra el terminal en el directorio del proyecto, y continúe con:

npm install

Compilación y hot-reloads para desarrollo

npm run serve

Consideraciones Importantes

¡También necesita habilitar localhost:8080 en su configuración de CORS Origins! Ya sea a través de management page en settings o ejecutando esto en la carpeta del proyecto que configuraste con sanity init:

sanity cors add http://localhost:8080 Para una explicación más detallada de cómo funciona este ejemplo, consulte la guia y documentación para vue-loader.