marsidev / hacktoberfest-2022

Solving a frontend challenge for Hacktoberfest 2022

¡Contribuye a un proyecto de código abierto!

🚀 Soluciona el reto y participa en la Hacktoberfest

🤔 ¿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+.

1. Regístrate en Hacktoberfest:

• Clic en Start Hacking.
• Inicia sesión con GitHub o GitLab.

2. Crea un fork de este repositorio:

• Clic en Fork en la esquina superior derecha o haz click aquí.

3. Clona el repositorio:

git clone [email protected]:TU_USUARIO/hacktoberfest-2022.git

4. Instala las dependencias:

npm install
# o
pnpm install
# o
yarn install

5. Crea una página en:

/pages/entry/<tu-nombre-de-usuario-en-github>/index.astro

6. Ejecuta el proyecto:

npm run dev
# o
pnpm run dev
# o
yarn dev

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

🤗 Contribuidores