Microtienda

Descripción General

Microtienda es una aplicación de comercio electrónico desarrollada con HTML5, CSS3 y JavaScript puro. Permite al usuario seleccionar productos de un catálogo, rellenar sus datos como cliente y generar un pedido estructurado en formato JSON con número de pedido único y fecha automática.

El proyecto fue desarrollado durante la unidad de Sistemas de Gestión Empresarial del curso de Lenguajes de Marcas, simulando la capa frontend de una tienda real conectada a una base de datos MySQL vía PHP.

Tecnologías Utilizadas

Características

• Catálogo responsive: Grid de productos con CSS Grid adaptable a cualquier pantalla
• Carrito dinámico: Cada click en un producto lo añade al array de pedido en tiempo real
• Datos de cliente: Formulario que captura nombre, apellidos y email
• Número de pedido único: Generado automáticamente con Date.now()
• Fecha automática: Se registra la fecha del pedido al momento de enviarlo
• Diseño táctil: Botones con área mínima de 44px y touch-action: manipulation
• Sin frameworks: JavaScript puro con manipulación directa del DOM

Estructura del Pedido (JSON)

Al confirmar el pedido, la aplicación genera el siguiente objeto JSON:

Contexto

Desarrollado durante la unidad 7 — Sistemas de Gestión Empresarial de la asignatura Lenguajes de Marcas y Sistemas de Gestión de Información del ciclo formativo DAM en el CEACFP de Valencia.

Forma parte de un proyecto más amplio que incluye backend en PHP con conexión a MySQL para persistir los pedidos en base de datos.

Enlaces

Estado

Estado: ✓ Completado

Proyecto académico finalizado. La capa frontend es completamente funcional. El backend PHP requiere servidor con MySQL para operar.