Skip to content

Instantly share code, notes, and snippets.

View angelcgar's full-sized avatar
馃幆
Focusing

Angel Contreras Garcia angelcgar

馃幆
Focusing
View GitHub Profile
@Klerith
Klerith / images.ts
Created December 16, 2024 18:14
Listado de im谩genes
const imageUrls: string[] = [
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-4.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-6.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-7.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-8.jpg",
@Klerith
Klerith / instalaciones-shadcn.md
Last active April 28, 2025 20:58
Instalaciones recomendadas para el curso de Shadcn/ui
@Klerith
Klerith / vue-instalaciones.md
Last active April 2, 2025 14:11
Instalaciones recomendadas - Curso de Vue.js de cero a experto
@Klerith
Klerith / ProductForm.tsx
Created November 27, 2023 17:59
Formulario para actualizar un producto
"use client";
import { Product } from "@/interfaces";
interface Props {
product: Product;
}
const sizes = ["XS", "S", "M", "L", "XL", "XXL"];
@Klerith
Klerith / instalaciones-zustand.md
Last active April 13, 2025 16:43
Instalaciones recomendadas para el curso de Zustand

Zustand Logo

Instalaciones recomendadas - Curso de Zustand

React + TypeScript + Tailwind + Router Dom

@ritog
ritog / alacritty.toml
Created October 6, 2023 10:58
Example configuration file for Alacritty and simple guide
# $HOME/.config/alacritty/alacritty.toml
# by Rito Ghosh 2023-10-06
# Alacritty now uses TOML formatting for its config files.
# This is a simple example.
# There are the specification here: https://github.com/alacritty/alacritty/blob/master/extra/man/alacritty.5.scd
# It is not obvious how it translates to TOML. But it is extremely straightforward.
# example: WINDOW, COLORS, etc. are tables, and should be represented as [window], [colors], respectively.
@Klerith
Klerith / random-hex.md
Created September 22, 2023 17:47
Secure Random Hex

Comando con Ruby instalado

ruby -rsecurerandom -e 'puts SecureRandom.hex(20)'

Ejemplo: No usar en producci贸n

4510c8cf2fe423f8be5afccbdd30c678677e172b

@Klerith
Klerith / regular-exp.ts
Created September 9, 2023 16:55
Email Validation
export const regularExps = {
// email
email: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/,
}
@Klerith
Klerith / configurar-node-ts.md
Last active May 5, 2025 20:02
Node con TypeScript - TS-Node-dev simplificado

Node con TypeScript - TS-Node-dev (preferido)

  1. Instalar TypeScript y dem谩s dependencias
npm i -D typescript @types/node ts-node-dev rimraf
  1. Inicializar el archivo de configuraci贸n de TypeScript ( Se puede configurar al gusto)
npx tsc --init --outDir dist/ --rootDir src
@Klerith
Klerith / pasos-node-typescript.md
Last active May 3, 2025 15:37
Configurar proyecto de Node con TypeScript

Pasos para usar Node con TypeScript con Nodemon

M谩s informaci贸n - Docs Oficiales

  1. Instalar TypeScript y tipos de Node, como dependencia de desarrollo
npm i -D typescript @types/node
  1. Inicializar el archivo de configuraci贸n de TypeScript ( Se puede configurar al gusto)