Com es jugava?

Com es jugava? és una aplicació web moderna basada en contingut que documenta i explica els jocs de cartes tradicionals espanyols, començant per El Cuadrado i 5 Vidas. Va néixer del desig personal de preservar i compartir les regles dels jocs amb els quals vaig créixer jugant.

Construïda amb Astro, MDX, TailwindCSS, i enriquida amb ✨il·lustracions fetes a mà✨.

Motivació

Sempre m’han agradat els jocs de cartes, especialment els tradicionals espanyols. Molts d’aquests jocs no estan ben documentats en línia, o les seves regles varien molt segons la regió o la família. Aquest lloc és el meu intent de:

• 🗂️ Arxivar els meus jocs preferits per no oblidar mai com es juguen
• 📖 Ensenyar a altres la cultura dels jocs de cartes espanyols
• 🎨 Combinar un disseny bonic i un projecte de codi net

Lloc en directe

🔗 cartas.polgubau.com

Característiques principals

• ✅ Interfície totalment adaptativa (TailwindCSS)
• 🧾 Documentació dels jocs escrita en MDX
• 🎭 Il·lustracions personalitzades dibuixades a mà
• ⚡ Optimitzat i ràpid (Astro + sortida de servidor)
• 🎡 Preparat per a SEO amb sitemap i metadades

├── 📦src
     ├── 📂assets # Il·lustracions i fitxers multimèdia
     ├── 📂components # Components d'IU reutilitzables
     ├── 📂content # Contingut dels jocs (fitxers MDX)
          └──📂games
     ├── 📂layouts  # Components de disseny
     ├── 📂lib
     ├── 📂pages
          └──📂games
              └──📜[...slug].astro
          └──📜index.astro
     ├── 📂styles
     ├── 📂utils
     └── 📜content.config.ts
├── public/  # Actius estàtics (p. ex. il·lustracions)
└── astro.config.mjs

import { defineCollection, z } from 'astro:content';
import { glob } from 'astro/loaders';

const games = defineCollection({
  loader: glob({
    pattern: "**/*.{md,mdx}",
    base: "./src/content/games"
  }),
  schema: ({ image }) =>
    z.object({
      title: z.string(),
      description: z.string().optional(),
      addedAt: z.coerce.date(),
      coverImage: image(),
      tags: z.array(z.enum(['cards', 'poker', 'españolas'])).optional(),
    })
});

export const collections = { games };

git clone https://github.com/polgubau/como-se-jugaba
cd como-se-jugaba
pnpm install
pnpm dev

Captures de pantalla

Plans de futur

• Afegir més jocs (p. ex. Brisca, Mus)
• Afegir vídeos explicatius
• Localització (ES/CAT/EN)
• Comentaris o variants de regles mitjançant MDX

Llicència

MIT