Skip to content

midudev/la-velada-web-oficial

Repository files navigation

Contributors Forks Stargazers Issues

Logo

Web oficial de La Velada V

La Velada V es una competición de boxeo que enfrenta a streamers, creadores de contenido y otras celebridades sobre un ring· Reportar error · Sugerir algo

Tabla de contenidos

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 V

Captura de pantalla en ordenador Captura de pantalla en móvil

(volver arriba)

Para empezar

Prerequisitos

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:

    Abrir en Stackblitz

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

    Contribuidores

    (volver arriba)

    🛠️ Stack

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

    (volver arriba)