Web oficial de La Velada IV

La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de contenido y otras celebridades sobre un ring.
Diseño de Figma · Reportar error · Sugerir algo

Tabla de contenidos

• Web oficial de La Velada IV
• Características principales
  • Capturas de pantalla de la web de La Velada IV
• Para empezar
  • Prerequisitos
  • Instalación
• Contribuir al proyecto
  • Contribuir desde Stackblitz
• 🛠️ Stack

Características principales

• Detalles del evento: Obtén información detallada sobre la fecha, hora, ubicación y artistas participantes.
• Compra de boletos: Permite a los usuarios dirigirlos a la compra de boletos fácilmente.
• Redes sociales: Conoce las redes oficiales donde podrás informarte sobre el evento.

Capturas de pantalla de la web de La Velada IV

(volver arriba)

Para empezar

Prerequisitos

• NVM (recomendado para asegurar versión de Node) ver documentación oficial

  nvm use
  # o
  nvm use <version>

  Si quieres automatizar el proceso, puedes crear un script siguiendo la documentación oficial

Pequeño script de automatización

• En Linux/MacOS:

   # .bashrc | .zshrc | cualquier archivo de configuración
   # pequeño script para cambiar de version al entrar al directorio
   cd() {
  builtin cd "$@"
   	if [[ -f .nvmrc ]]; then
   		nvm use > /dev/null
   		# Si quieres que te diga la versión
   		nvm use
   	fi
   }

• En Windows:

  # $PROFILE
  function Change-Node-Version {
  	param($path)
  	& Set-Location $path
  	$pwd = pwd
  	if ( Test-Path "$pwd\\.nvmrc" ) {
  		$version = Get-Content .nvmrc
  		nvm use $version
  	}
  }
  New-Alias -Name cd -Value Change-Node-Version -Force -Option AllScope

PNPM (es nuestra recomendación por su eficiencia y rapidez)

npm install -g pnpm

o NPM

npm install npm@latest -g

Instalación

1. Clona el repositorio

   git clone https://github.com/midudev/la-velada-web-oficial.git

2. Instala los paquetes de NPM

   pnpm install

3. Ejecuta el proyecto

   • Base de datos remota (necesario linkear con proyecto de Astro Studio)

   pnpm run dev

   • Base de datos local

   pnpm run start

4. Autenticación mediante twitch (opcional)

   • Accede a la consola de twitch, crea un proyecto y obtén tu client id y client secret
   • Genera un hash aleatorio, puedes usar el siguiente comando openssl rand -hex 32
   • Crea un archivo llamado .env.local y copia el contenido de .env.demo en él
   • Reemplaza el texto copiado de demo en .env.local con tu id, secreto y hash

(volver arriba)

Contribuir al proyecto

Las contribuciones son lo que hacen que la comunidad de código abierto sea un lugar increíble para aprender, inspirar y crear. ¡Cualquier contribución que hagas es muy apreciada!

Si tienes alguna sugerencia que podría mejorar el proyecto, por favor haz un fork del repositorio y crea una pull request. También puedes simplemente abrir un issue con la etiqueta "enhancement".

Aquí tienes una guía rápida:

1. Haz un fork del Proyecto
2. Clona tu fork (git clone <URL del fork>)
3. Añade el repositorio original como remoto (git remote add upstream <URL del repositorio original>)
4. Crea tu Rama de Funcionalidad (git switch -c feature/CaracteristicaIncreible)
5. Realiza tus Cambios (git commit -m 'Add: alguna CaracterísticaIncreible')
6. Haz Push a la Rama (git push origin feature/CaracteristicaIncreible)
7. Abre una pull request

Por favor, consulta nuestra guía de contribución para saber cómo puedes empezar de la mejor manera y siguiendo buenas prácticas.

Contribuir desde Stackblitz

Si quieres contribuir de una manera mas sencilla, puedes iniciar este proyecto desde Stackblitz usando tu cuenta de GitHub:

¡Gracias a todos los colaboradores que han hecho posible este proyecto!

(volver arriba)

🛠️ Stack

• - The web framework for content-driven websites.
• - JavaScript with syntax for types.
• - A utility-first CSS framework for rapidly building custom designs.
• - Easy peasy animations for your Tailwind project.

(volver arriba)