Skip to content

Instantly share code, notes, and snippets.

View Klerith's full-sized avatar
📓

Fernando Herrera Klerith

📓
View GitHub Profile
@Klerith
Klerith / ClaudeCode-Local-Models.md
Last active April 22, 2026 19:03
ClaudeCode con modelos locales
@Klerith
Klerith / claudecode-instalacion.md
Created April 20, 2026 15:20
Instalaciones recomendadas para el curso de ClaudeCode

Claude Code: Guía completa para desarrolladores de software

Para empezar el curso, les dejo una lista de las instalaciones generales que les recomiendo. Recuerden que más adelante tendremos una sección dedicada a la configuración y generalidades de ClaudeCode, estas son configuraciones generales del equipo.

@Klerith
Klerith / react-to-npm.md
Created April 8, 2026 20:10
Subir un paquete de componentes a NPM

Crear y subir paquetes de React a NPM

DevTalles · fernando-herrera.com
Guía completa de configuración y despliegue
Stack: React · TypeScript · CSS Modules · Vitest · Rollup


Contenido

@Klerith
Klerith / js-node.js
Last active April 6, 2026 16:22
Tabla para atrapar errores y depurar
const input = $input.first().json;
const validLevels = {
error: 'error',
warn: 'warn',
info: 'info',
success: 'success'
};
const level = validLevels[input.level?.toLowerCase()] || 'info';
@Klerith
Klerith / documentos.md
Last active March 23, 2026 18:08
Enlaces para estudiar la importancia del agua
@Klerith
Klerith / instalaciones-prompt.md
Last active April 18, 2026 23:23
Instalaciones y herramientas recomendadas para el curso de Prompt Engineering
Ingeniería de

Ingeniería de prompts: Para la vida real

No hay una necesidad de trabajar con un modelo en particular. De todos modos, hoy el mejor es uno; mañana es otro.

Servicios

@Klerith
Klerith / websocket.service.ts
Created January 29, 2026 16:35
Servicio para conectarnos a nuestro websocket server
import { effect, Injectable, signal } from '@angular/core';
import { ClientMessage, ServerMessage } from '../types';
import { Subject } from 'rxjs';
import Cookies from 'js-cookie';
import { Client, LatLng } from '../../types';
type ConnectionStatus = 'offline' | 'connecting' | 'connected' | 'disconnected';
@Injectable({
@Klerith
Klerith / websocket-service.ts
Created January 27, 2026 19:02
Servicio para conectarnos a nuestro servidor de WebSockets
import { effect, Injectable, signal } from '@angular/core';
import { ClientMessage, ServerMessage } from '../types';
import { Subject } from 'rxjs';
type ConnectionState = 'connecting' | 'connected' | 'disconnected';
@Injectable({
providedIn: 'root',
})
export class WebSocketConnectionService {
@Klerith
Klerith / random-hex-color.ts
Created January 24, 2026 17:32
Método para generar un color hexadecimal aleatorio
getRandomHexColor() {
return (
'#' +
Math.floor(Math.random() * 16777215)
.toString(16)
.padStart(6, '0')
);
}
@Klerith
Klerith / chart-form.css
Created January 24, 2026 14:45
Formulario para el manejo de partidos políticos
:host {
display: block;
padding: 24px 0;
}
.party-config,
.party-config *,
.party-config *::before,
.party-config *::after {
box-sizing: border-box;