https://github.com/valeriatorrealba/superhero

Prueba final módulo - Módulo 3 Fundamentos de la programación en JavaScript - Full Stack JavaScript - Desafío Latam
https://github.com/valeriatorrealba/superhero

api canvasjs css3 html5 javascript

Last synced: 1 day ago
JSON representation

Prueba final módulo - Módulo 3 Fundamentos de la programación en JavaScript - Full Stack JavaScript - Desafío Latam

• Host: GitHub
• URL: https://github.com/valeriatorrealba/superhero
• Owner: valeriatorrealba
• Created: 2024-02-27T02:49:10.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-07-30T15:17:32.000Z (4 months ago)
• Last Synced: 2024-07-31T18:33:49.539Z (4 months ago)
• Topics: api, canvasjs, css3, html5, javascript
• Language: HTML
• Homepage: https://valeriatorrealba.github.io/Superhero/
• Size: 1.77 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Prueba Final módulo - SuperHero

## Descripción

El proyecto **SuperHero** es una aplicación web que permite a los usuarios buscar información sobre superhéroes. La página web está diseñada para permitir al usuario ingresar un número de superhéroe y, a partir de esa entrada, mostrar información detallada sobre el superhéroe encontrado, incluyendo estadísticas y gráficos relevantes.

## Vista Codificada

A continuación, se muestra la imagen del resultado codificado:

![superhero](assets/screenshot/superhero.png)

## Características

- **Búsqueda de Superhéroes**: Los usuarios pueden buscar un superhéroe ingresando un número entre 1 y 731.

- **Visualización de Información**: Una vez que se encuentra un superhéroe, se muestra una tarjeta con su información y estadísticas.

- **Gráficos de Estadísticas**: Se incluyen gráficos para visualizar estadísticas relacionadas con el superhéroe.

## Estructura del Proyecto

El proyecto se compone de las siguientes secciones:

Este archivo es el punto de entrada de la aplicación y contiene la estructura principal del HTML. Incluye:

- **Menú de Navegación**: Un menú que permite la navegación entre diferentes secciones del sitio.

- **Header**: Un encabezado con un campo de búsqueda para ingresar el número del superhéroe.

- **Sección de Resultados**: Donde se muestra la información del superhéroe encontrado y gráficos relacionados.

- **Footer**: Un pie de página simple con el nombre del proyecto.

## Requerimientos

- **HTML**: Utiliza etiquetas y estructuras básicas de HTML5.

- **CSS**: Utiliza Bootstrap 5 para la estructura y diseño, con estilos personalizados adicionales.

- **JavaScript**: Utiliza jQuery para manipulación del DOM y CanvasJS para generar gráficos.

## Autor

Este proyecto fue desarrollado por **Valeria Torrealba**.