react-eth-challenge icon indicating copy to clipboard operation
react-eth-challenge copied to clipboard

Published 20 hours ago • verified publisher icon gndx

Solución al reto react-eth-challenge

Open LuisFDuarte opened this issue 2 years ago • 0 comments

DESCRIPTION

Nombre: Luis Felipe Duarte Herrera Usuario Platzi: luisduarte02

Solución al reto: Este reto si que fue complejo aprendi React desde 0 con el curso de esta semana.

Para el primer problema construi los componentes con stylus y modifique como carga el dom (en especifico el componente About.)

En los estilos se agregaron animaciones de css, algunos rellenos degradados para resaltar elementos y tome como inspiración el estilo del landing page https://thegraph.com/en/ que conoci como un elemento que hace parte del stack de desarrollo de web 3.

Se construyo la función getData de la forma más sencilla posible debido a que los datos de la API finalmente son muy pocos.

La API se construye usan json-server y se deplego con Heroku https://test-cv-ld-json-server.herokuapp.com/

API

Para documentar los componentes de react se agrego la dependecia de desarrollo styleguidist, en los scripts del archivo package.json se agrega el comando doc para ver la documentación. Documentacion

El despliegue se realiza en Github pages https://luisfduarte.github.io/react-eth-challenge/index.html

Page

Reto:

  • [x] Primer problema
  • [x] Segundo problema
  • [x] Tercer problema
  • [x] Cuarto Problema
  • [x] Quinto Problema
  • [x] Sexto Problema
  • [x] Septimo Problema

LuisFDuarte avatar Jul 12 '22 22:07 LuisFDuarte