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 / typings.d.ts
Created September 30, 2021 18:34
React Typings para paquete de NPM
declare module '*.css' {
const content: { [className: string]: string };
export default content;
}
declare module "*.jpg" {
const value: any;
export default value;
}
@Klerith
Klerith / mylabel.css
Created October 20, 2021 21:37
Archivo de CSS de un componente personalizado
.label {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.normal {
font-size: 14px;
}
.h1 {
font-size: 30px;
@Klerith
Klerith / auth-layout.component.html
Last active January 2, 2025 02:08
Angular - LoginPage
<div class="limiter">
<div class="container-login100" style="background-image: url('../../../../assets/images/bg-01.jpg');">
<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
<router-outlet />
</div>
</div>
</div>
@Klerith
Klerith / instalaciones-next.md
Last active May 7, 2025 15:03
Instalaciones recomendadas para el curso de Next.js 13 >
@Klerith
Klerith / instalaciones-database.md
Last active June 26, 2025 18:53
Instalaciones necesarias para el curso de base de datos
@Klerith
Klerith / pasos-node-typescript.md
Last active July 15, 2025 16:54
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)
@Klerith
Klerith / configurar-node-ts.md
Last active July 15, 2025 01:13
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 / 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 / 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

@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.