/react-heroes-app

react-heroes-app es una app web hecha con React como practica de un curso. Permite buscar y explorar héroes de DC Comics y Marvel usando una API. Utiliza Material-UI para una interfaz moderna y `react-router-dom` para la navegación.

Primary LanguageJavaScript

React Heroes App

React Heroes App es una aplicación web desarrollada con React que permite buscar y explorar héroes de DC Comics y Marvel. Esta app fue creada como parte de la practica de un curso de Udemy impartido por Fernando Herrera.

Características

  • Búsqueda de Héroes: Encuentra tus héroes favoritos de DC Comics y Marvel.
  • Detalles del Héroe: Información detallada sobre cada héroe, incluyendo alter ego y primera aparicion.
  • Interfaz Moderna: Utiliza Material-UI (MUI) para una experiencia de usuario atractiva y responsiva.
  • Navegación Intuitiva: Implementación de react-router-dom para una navegación fluida.
  • Gestión de Estado Eficiente: Uso de hooks de React para manejar el estado y los efectos secundarios.

Tecnologías Utilizadas

  • React: Biblioteca principal para la construcción de la interfaz de usuario.
  • Material-UI (MUI): Biblioteca de componentes de interfaz de usuario para React.
  • React Router DOM: Biblioteca para la gestión de rutas en aplicaciones de React.
  • Hooks de React: useState, y hooks personalizados.

Instalación

  1. Clona este repositorio:

    git clone https://github.com/tu-usuario/react-heroes-app.git
  2. Navega al directorio del proyecto:

    cd react-heroes-app
  3. Instala las dependencias usando Yarn:

    yarn install
  4. Inicia la aplicación:

    yarn start

Uso

  1. Abre tu navegador y ve a http://localhost:3000.
  2. Usa la barra de búsqueda para encontrar héroes por nombre.
  3. Haz clic en un héroe para ver detalles adicionales.

Contribuciones

Las contribuciones son bienvenidas. Por favor, abre un issue o envía un pull request.


¡Gracias por utilizar React Heroes App! Si tienes alguna pregunta o sugerencia, no dudes en contactarme.