Skip to content

Instantly share code, notes, and snippets.

View JimeBlue's full-sized avatar
👀
Always curious

Jimena Miguez JimeBlue

👀
Always curious
6 followers · 6 following
View GitHub Profile
@JimeBlue
JimeBlue / responsive-agenda-component.md
Last active January 18, 2026 13:57
Mobile-responsive agenda component built from desktop-only Webflow designs. 
<!-- BaseProgram.vue - Mobile-Responsive Agenda Component -->
<!-- Designed mobile layout from desktop-only Webflow mockups -->

<template>
  <!-- Dynamic Tab Orientation: Vertical on mobile, Horizontal on desktop -->
  <UTabs
    :orientation="tabOrientation"
    :ui="{
@JimeBlue
JimeBlue / Real-Time Capacity Handling Pattern.md
Created January 11, 2026 13:38
Graceful capacity handling with instant visual feedback (availability badges, disabled states) and automatic re-validation to prevent booking conflicts

1. Availability Badge & Disabled State

<!-- SessionCard.vue -->
<template>
  <div
    :class="[
      'session-card',
      option.disabled && 'cursor-not-allowed opacity-50'
    ]"
@JimeBlue
JimeBlue / config-driven-architecture.md
Created January 11, 2026 13:09
Config-driven architecture pattern - shared session metadata across Vue components

Config-Driven Architecture Pattern

Centralized session configuration consumed by both program display and registration form — single source of truth.

Config Structure

// config/sessionConfig.js - Single source of truth
export const sessionConfig = {
  session_1400: {