![](https://raw.githubusercontent.com/jpaddeo/password-generator/main/public/banner_gh.jpg)
🤔 ¿Qué es la Hacktoberfest?
La Hacktoberfest es un evento anual organizado por DigitalOcean y DEV, que consiste en contribuir a proyectos de código abierto y ganar una camiseta gratis.
🚀 ¿Cómo participar?
🚧 Necesitarás la extensión Astro para Visual Studio Code y Nodejs 16+.
- Regístrate en Hacktoberfest:
- Clic en Start Hacking.
- Inicia sesión con GitHub o GitLab.
- Crea un fork de este repositorio:
- Clic en Fork en la esquina superior derecha o haz click aquí.
- Clona el repositorio:
git clone git@github.com:TU_USUARIO/hacktoberfest-2022.git
- Instala las dependencias:
npm install
# o
pnpm install
# o
yarn install
- Crea una página en:
/pages/entry/<tu-nombre-de-usuario-en-github>/index.astro
- Ejecuta el proyecto:
npm run dev
# o
pnpm run dev
# o
yarn dev
- Soluciona el reto que se indica en la página principal y happy hacking
🥳 .
📝 Reglas
✅ Puedes usar cualquier framework dentro de esta lista: React, Vue, Svelte, Preact y Solid. También puedes usar Vanilla JavaScript.❌ NO puedes usar dependencias de terceros. Nada de npm install, ni yarn add ni similares.✅ Se puede utilizar CSS y Tailwind pero...❌ NO se puede utilizar otro framework CSS como Bootstrap, Bulma, NextUI, Material UI, etc... ni tampoco SASS, Stylus o similares.❌ No copies soluciones de otros participantes o soluciones de fuera. ¡La idea es que practiques y te esfuerces!✅ Crea tus PRs del 1 al 31 de octubre.❌ No uses ni modifiques código o componentes de otros participantes.❌ No modifiques código de fuera de tus carpetas (a no ser que sea exactamente para arreglar un problema de la página).❌ NO USES ESTILOS GLOBALES. NO ESTILES etiquetas. Usa siempre un selector muy específico (por ejemplo, una id con tu nombre) y a partir de ahí estila lo que quieras de tu solución. Así evitamos conflictos entre estilos.✅ Si necesitas crear componentes auxiliares para tu solución, crea una carpeta en:
components/<nombre-de-usuario-en-github>/*
🎁 Premios
Además de poder conseguir la camiseta de la Hacktoberfest, haremos una votación para elegir las mejores soluciones. Los premios son:
🥇 Teclado mecánico Keychron K3 v2 RGB Backlight.🥈 Cheque regalo para Red Bubble por valor de 30€.🥉 Libro de Aprendiendo Git + Descubre Svelte.
📝 Notas
Si usas Solid o Preact, debes indicar el jsxImportSource
en un comentario pragma. Haz esto en la primera línea de cada archivo JSX/TSX.
// Para Preact
/** @jsxImportSource preact */
// Para Solid
/** @jsxImportSource solid-js */
Para poder ejeuctar solo los test que esten en tus carpetas tienes que ir al archivo jest.config.js
y modifica el parametro testMatch
{
"testMatch": ["**/<tu-nombre-de-usuario-en-github>/**/*.spec.{js,ts}"]
}
Nota: tendras que deshacer este cambio antes de hacer commit
Más información al respecto aquí.