🛒 Tienda de Camisetas | Pr03 - TeeLab FullStack

Frontend estático + API REST con Node.js y Express.

---

🚀 Arrancar el backend

1. Abre una terminal y ve a la carpeta del backend:

   cd backend

2. Instala las dependencias (solo la primera vez):

   npm install

3. Arranca el servidor:

   npm run start

El servidor quedará escuchando en http://localhost:3000 (o el puerto configurado).

Nota: El backend usa Node.js con Express. Todos los datos (productos, comandas) se almacenan en memoria, por lo que se reinician al parar el servidor.

---

🌐 Arrancar el frontend

El frontend es HTML/CSS/JS estático, no necesita compilación.

La forma de servirlo depende del editor o herramienta que uses:

Forma usada por mi: Live Preview de VSCode

1. Abre la carpeta del proyecto en Visual Studio Code.
2. Haz clic derecho sobre index.html → "Open with Live Server" (o usa el botón de la barra de estado).
3. El navegador se abrirá automáticamente en http://localhost:3001.

---

📡 Endpoints de la API

👕 Camisetas

GET /api/camisetas

Devuelve la lista de todas las camisetas disponibles en el catálogo.

• Query params opcionales:
  • talla (ej: ?talla=M)
  • color (ej: ?color=negro)
  • tag (ej: ?tag=nuevo)
  • q (búsqueda por texto en nombre o descripción)
  • sort (ordenación)
• Respuesta Exitosa (200): Array de objetos (camisetas).

GET /api/camisetas/:id

Devuelve los detalles de una camiseta específica.

• Respuesta Exitosa (200): Objeto JSON con los datos de la camiseta.
• Error (404): Si el ID no existe ({ "error": "Camiseta no encontrada" }).

---

📦 Comandas (Pedidos)

POST /api/comandas

Crea un nuevo pedido. Requiere validación estricta de los datos.

Body esperado (JSON):

{
  "cliente": {
    "nombre": "Ana García",
    "email": "ana@example.com",
    "telefono": "612345678"
  },
  "direccion": {
    "calle": "Carrer de Mallorca, 123",
    "ciudad": "Barcelona",
    "codigoPostal": "08013"
  },
  "items": [
    {
      "camisetaId": "TSH01",
      "talla": "M",
      "color": "negro",
      "cantidad": 2
    }
  ]
}