Skip to content

Instantly share code, notes, and snippets.

@Klerith
Klerith / products.store.ts
Created August 27, 2024 15:26
Listado de productos para el curso de React Native
export const products = [
{
id: '1',
title: 'Auriculares Inalámbricos',
description:
'Experimenta una calidad de sonido premium con estos auriculares inalámbricos. Diseñados para la comodidad y el uso prolongado, son perfectos para amantes de la música y profesionales por igual.',
price: 99.99,
},
{
id: '2',
@Klerith
Klerith / tabla-place.sql
Created August 22, 2024 17:43
Tabla de lugares para trabajar los server islands
CREATE TABLE "Place" (
"id" serial PRIMARY KEY,
"title" varchar NOT NULL,
"description" varchar NOT NULL,
"avg_rating" decimal NOT NULL,
"image" varchar NOT NULL
);
@Klerith
Klerith / instalaciones-react-native-expo.md
Last active September 1, 2024 15:33
Instalaciones recomendadas para el curso de React Native Expo
React Native Logo Expo Logo
Docs React Native Docs Expo

Curso de React Native - Expo

Esta es la lista de instalaciones recomendadas para el curso de React Native, si encuentran enlaces adicionales o cambios en esta hoja, pueden hacerlos.

@Klerith
Klerith / issue-item.component.html
Created August 2, 2024 18:16
Issue Item para el curso de Angular Pro
<div
class="flex items-center px-2 py-3 mb-5 border rounded-md bg-slate-900 hover:bg-slate-800">
@if( isOpen ) {
<i class="fa-regular fa-folder-open text-green-500"></i>
} @else {
<i class="fa-regular fa-folder-closed text-red-500"></i>
}
@Klerith
Klerith / instalaciones-angular-pro.md
Last active September 2, 2024 23:21
Instalaciones recomendadas para el curso de Angular Pro
@Klerith
Klerith / MainLayout.astro
Created July 10, 2024 19:39
Meta tags necesarias
<!-- Meta tags -->
<meta name="title" content={title} />
<meta name="description" content={description} />
<!-- Open Graph / Facebook -->
<meta property="og:title" content={title} />
<meta property="og:url" content={Astro.url} />
<meta property="og:description" content={description} />
<meta property="og:type" content="website" />
<meta property="og:image" content={image} />
---
import MainLayout from '@/layouts/MainLayout.astro';
---
<MainLayout title="Mantenimiento de producto">
<h1>{product.title}</h1>
<a href="javascript:history.back()" class="text-blue-500">← Volver</a>
<form class="grid grid-cols-1 sm:grid-cols-2 gap-4">
@Klerith
Klerith / rss-metadata.md
Last active June 18, 2024 16:41
Contenido y paquetes a instalar

Paquetes a instalar y configuraciones

Instalaciones

npm i sanitize-html markdown-it
npm i -D @types/markdown-it @types/sanitize-html

bun i sanitize-html markdown-it
bun i -d @types/markdown-it @types/sanitize-html
@Klerith
Klerith / author.astro
Last active June 15, 2024 15:53
Tarea - Página para mostrar todas las entradas de un autor
---
import MainLayout from '../../layouts/MainLayout.astro';
const { blogPosts, author } = Astro.props;
---
<MainLayout>
<section class="bg-gray-900">
<div class="container px-6 py-10 mx-auto">
<h1 class="text-3xl font-semibold capitalize lg:text-4xl text-white">
html {
@apply bg-gray-900 px-10;
}
body {
@apply mt-10;
}
h1 {
@apply text-3xl text-white my-5;