jagoqui

🏛️ Architecture Blueprint: Hexagonal, Screaming Architecture, CQRS Pattern in Frontend (React 19 + TanStack)

IMPORTANT FOR AI AGENTS: This document is the SINGLE SOURCE OF TRUTH. You MUST follow the directory structures, dependency rules, and naming conventions defined here without deviation.

1. Architectural Vision & Stack

Philosophy: Strict Hexagonal Architecture (Ports & Adapters) combined with CQRS, Screaming Architecture, and Domain-Driven Design (DDD).

Goal: Decouple Business Logic (Domain) from the UI (React) and External Services (API).

jagoqui

Documentación del Modelo de Datos - AI Specs Backend Task Manager

Este documento describe el modelo de datos para la aplicación AI Specs Backend - Task Manager, incluyendo tanto el MVP (Producto Mínimo Viable) como el plan de evolución hacia la funcionalidad completa.

---

📋 Modelo de Datos del MVP

El MVP se enfoca en la gestión personal de tareas con una arquitectura escalable que permite evolucionar hacia colaboración avanzada.

jagoqui

@function color($keys, $function-name: "color") {
  @return get($colors, $keys, $function-name);
}

@function c($keys) {
  @return color($keys, "c");
}

jagoqui

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso