🐉 RYŪKAMI Store: E-Commerce Streetwear Premium con Vite 6, Bun, Tailwind 4 & Supabase

🐉 RYŪKAMI (龍神) — E-Commerce Streetwear Japonés Premium

Alta Ingeniería Urbana y Estética Tradicional Japonesa

RYŪKAMI es una plataforma e-commerce de moda streetwear inspirada en el misticismo del Dios Dragón (龍神) orientada al mercado urbano. Combina una interfaz estética Dark Mode First con efectos Glassmorphism, animaciones fluidas con Framer Motion y una arquitectura de base de datos Zero Trust respaldada por Supabase RLS.

• 💻 Repositorio GitHub: github.com/Alecwce/ryukamk-store
• 📄 Licencia: MIT | Runtime: Bun + Vite 6 | Frontend: React 18 + TypeScript

---

✨ Características de Diseño e Interfaz

1. Estética Glassmorphism Premium:
   • Componentes translúcidos con desenfoque de fondo optimizado (backdrop-blur-md), bordes de cristal sutiles y efectos de iluminación dinámica.
2. Animaciones y Microinteracciones:
   • Transiciones de página y gestos de carrito implementados con Framer Motion, garantizando 60 fps constantes sin saltos de layout (Zero Cumulative Layout Shift).
3. Estado Global Reactivo:
   • Carrito de compras persistente y filtros de catálogo gestionados con Zustand para eliminar re-renderizados innecesarios del DOM.

---

🔒 Arquitectura de Datos y Seguridad (Supabase RLS)

flowchart TD
    Client["📱 Cliente Web (React 18 + Zustand)"]
    
    subgraph Supabase["⚡ Supabase Backend (Zero Trust)"]
        Auth["Supabase Auth (JWT)"]
        RLS{"Políticas Row Level Security (RLS)"}
        DB[(PostgreSQL Store DB)]
    end

    Client -->|Petición con JWT| Auth
    Auth --> RLS
    RLS -->|Permitir solo lectura pública| DB
    RLS -->|Permitir escritura solo a Admin| DB

• Row Level Security (RLS): Las reglas de seguridad residen en la base de datos PostgreSQL, no en el cliente. Los usuarios solo pueden ver su propio historial de pedidos, mientras que el catálogo público es de solo lectura y las modificaciones de stock requieren credenciales de administrador autenticadas.

---

🛠️ Stack Tecnológico

Capa	Herramienta	Función
Runtime & Bundler	Bun + Vite 6	Tiempo de arranque instantáneo y bundle ultraligero
Frontend Framework	React 18 + TypeScript Strict	Componentes fuertemente tipados
Estilos	Tailwind CSS v4 + PostCSS	Utilidades modernas y paleta dark personalizada
Animaciones	Framer Motion	Animaciones orquestadas y físicas de resorte (spring)
Gestión de Estado	Zustand	Almacenamiento local del carrito y sesión
BaaS & Base de Datos	Supabase (PostgreSQL)	Autenticación, storage de imágenes y tablas con RLS

---

🧭 Conexiones Internas

• MOC Top 10 Proyectos Públicos
• App Móvil AR Tienda Virtual
• Guía de Tailwind CSS v4