Random Card Generator

Empieza a programar un sitio web JS/HTML/CSS en 30 segundos abriendo esta plantilla con nuestro puente de One-Click Coding o localmente en tu computador.

Características

Generación aleatoria de cartas

Combinación dinámica de palos y valores

Actualización visual en tiempo real

Representación gráfica de una carta de póker

Interfaz simple e interactiva

Conceptos trabajados

Este proyecto está enfocado en reforzar fundamentos esenciales de desarrollo frontend:

Lógica de aleatoriedad en JavaScript

Manipulación del DOM

Uso de funciones y estructuras de control

Separación entre estructura (HTML), estilo (CSS) y lógica (JS)

Actualización dinámica de la interfaz

Tecnologías utilizadas

HTML5

CSS3

JavaScript (Vanilla JS)

Cómo ejecutar el proyecto

git clone https://github.com/TU-USUARIO/random-card-generator.git
cd random-card-generator

npm install

npm run start

O simplemente abre el archivo index.html en tu navegador si no usas servidor.

Objetivo del proyecto

Este proyecto forma parte de mis prácticas iniciales de JavaScript, donde paso de páginas estáticas a interfaces que reaccionan a la lógica del programa. El foco está en entender cómo se generan datos dinámicos y cómo se reflejan visualmente en la UI.