https://github.com/gitchaell/angular-challenge
Cryptocurrency Monitoring Application - Angular Challenge
https://github.com/gitchaell/angular-challenge
angular challenge cryptocurrency
Last synced: 11 months ago
JSON representation
Cryptocurrency Monitoring Application - Angular Challenge
- Host: GitHub
- URL: https://github.com/gitchaell/angular-challenge
- Owner: gitchaell
- Created: 2022-08-09T16:43:28.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-09T16:47:11.000Z (almost 4 years ago)
- Last Synced: 2025-06-13T11:46:09.531Z (about 1 year ago)
- Topics: angular, challenge, cryptocurrency
- Homepage:
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desafío de Codificación Frontend
## Introducción
Se le ha asignado la tarea de crear una **Aplicación de Monitoreo de Critomonedas** utilizando la última versión de **Angular**. Esta aplicación permitirá a los usuarios ver en tiempo real, mediante un gráfico de velas, los valores de la criptomoneda que se seleccione desde una lista.
La aplicación debe tener una arquitectura (específicamente la estructura de carpetas) que se adapte a una aplicación de tamaño empresarial grande.
## Instrucciones
1. Bifurcar este repositorio
1. Incluir en el **README** el diseño de la **interfaz gráfica de usuario**.
2. Incluir en el **README** el **modelo de datos** diagramado con [Mermaid](https://github.com/mermaid-js/mermaid).
3. Generar una aplicación en angular incluyendo la **librería de componentes de UI** [Ng Zorro](https://ng.ant.design/docs/introduce/en) y la **librería para gráficos** [AntV G2Plot](https://g2plot.antv.vision/en/docs/manual/introduction).
4. La aplicación deberá asignar un **ID** a cada **dispositivo** que accese, y guardar esa información junto con la **ubicación geográfica**.
5. Obtener los datos de las criptomonedas utilizando el **endpoint** [https://api.coincap.io/v2/assets/](https://api.coincap.io/v2/assets/). Consultar la documentación en [https://docs.coincap.io/](https://docs.coincap.io/).
6. Mostrar las criptomonedas en una **lista seleccionable**, **ordenable** y **filtrable**.
7. Mostrar en gráfico de velas (**Stock Plot**) los datos en **tiempo real** (1 petición por segundo) de la criptomoneda seleccionada. Revisar el [ejemplo](https://g2plot.antv.vision/en/examples/more-plots/stock#slider).
8. Mostrar los datos del atributo `priceUsd` y `changePercent24Hr` usando el **formato**: `+123,456.78`, `-123,456.78`. Si el valor es positivo, mostrarlo de color **verde**, si es negativo, mostrarlo de color **rojo**.
9. Cada vez que se haga una petición de datos, se deberá mostrar un mensaje con la información resultante de la solicitud y el **tiempo de respuesta**.
10. Usar [NgRx](https://ngrx.io/).
## Requerimientos
La aplicación debe:
1. Ser presentable.
2. Estar optimizada para el rendimiento.
3. Mostrar un buen conocimiento de los principales conceptos y mejores prácticas de Angular.
También debe cumplir con las [directrices de Angular](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-guidelines) para los mensajes de commit.
## Tiempo limite
8 horas