Mediante un input(search), puedes buscar un heroe por su nombre y agregarlo a tu equipo. Otras acciones al agregarlo al equipo es que puedes ver sus detalles y eliminarlo del mismo. Sin embargo, antes de eso, pasarás por un form de login :D.
Decidí usar una extensión de Chrome que deshabilita la política CORS ya que, si la solicitud proviene de un origen desconocido, las mismas políticas no permiten la solicitud lo que imposibilita ver los personajes y demás. Primero pruebe la aplicación sin utilizar la extensión, caso que no funcione, dejo mi solución: Click aquí
Clona el repositorio
git clone https://github.com/Alanoterohs/superheros-react.git
En la ruta(path) 'app' del proyecto, colocar siguiente comando para instalar todas las dependencias
npm install
Luego para correr el proyecto, coloca el siguiente comando en la misma ruta
npm start
El proyecto correrá en http://localhost:3000
Carpeta | Descripción |
---|---|
App | Carpeta principal |
Components | componentes reutilizables |
containers | donde se desarrolla la lógica y renderización de los comp. funcionales |
routes | enrutamiento, para pasar del login a home |
utils | utilización de axios para la llamada a la api |