Legend Builder

Este proyecto fue completado por Sebastián Ludueña como parte de la materia de JavaScript en el programa de Desarrollo Full Stack en CoderHouse.

Descripción del Proyecto

Legend Builder es una aplicación web que permite a los usuarios generar cartas de leyendas con héroes. Los usuarios pueden seleccionar un personaje y una clase, lo que proporciona atributos base. Estos atributos se mejoran mediante tiradas de dados, generando atributos mejorados. La aplicación proporciona una carta que los usuarios pueden descargar en el modo individual. En el modo draft, permite a los usuarios crear un mazo aleatorio de héroes y hacer que ataquen a un mini-jefe como ejemplo.

Objetivos del Proyecto

Objetivos Generales

• Presentar una aplicación que utilice JavaScript para solucionar un problema real al usuario.
• Utilizar JavaScript para mejorar la interacción y el dinamismo de la página, creando una interfaz coherente y atractiva.

Objetivos Específicos

• Contar con una estructura de datos clara, basada en Arrays y Objetos.
• Utilizar funciones, condicionales e iteradores para manipular los datos de la app.
• Generar y manipular el DOM. Crear vistas a partir de datos de la app y generar eventos para responder a la interacción del usuario. Utilizar alguna librería relevante para el simulador.
• Utilizar asincronía y fetch para cargar datos estáticos o consumir una API.

Requisitos del Proyecto

Entregables

• Un simulador funcional en un archivo HTML con sus archivos complementarios JS.
• El proyecto debe ser entregado dentro de los 10 días. Pasado este período, el botón de entrega se deshabilitará.

Conceptos y Técnicas Utilizadas

• Objetos y Arrays, incluyendo métodos de Arrays.
• Funciones y Condicionales.
• Generación dinámica del DOM y Eventos.
• Sintaxis avanzada.
• Al menos una librería relevante para el proyecto.
• Manejo de promesas con fetch.
• Carga de datos desde un JSON local o desde una API externa.

Herramientas y Librerías

• HTML: Para la estructura básica de la aplicación.
• CSS: Para el estilo y diseño de la aplicación.
• JavaScript: Para la lógica de la aplicación.
• Fetch API: Para cargar datos estáticos o consumir una API.
• Librería Relevante: Se utilizó una librería para mejorar el simulador.

Detalles del Proyecto

• Modo Individual: Permite a los usuarios generar y descargar una carta de leyenda.
• Modo Draft: Permite a los usuarios crear un mazo aleatorio de héroes y simular un ataque a un mini-jefe.
• Gráficos: Todo el contenido gráfico fue creado por Sebastián Ludueña y no fue tomado de internet.

Enlaces

• Repositorio: Repositorio en GitHub
• Vista Previa: Vista Previa en Vivo

Autor

Carlos Sebastián Ludueña

Este proyecto fue realizado como entrega final para el curso Javascript, que corresponde a la carrera de Desarrollo Full Stack en CoderHouse.

Puedes encontrarme en:

• LinkedIn: Carlos Sebastián Ludueña
• GitHub: csluduena

¡Gracias por revisar mi proyecto! Espero que les guste y cualquier feedback será bien recibido.