Skip to content

✨ My contributions to the oficial web of La Velada IV by Ibai Llanos.

License

Notifications You must be signed in to change notification settings

fraineralex/la-velada-web-oficial

 
 

Repository files navigation

Contributors Forks Stargazers Issues

Logo

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

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

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

(volver arriba)

Para empezar

Prerequisitos

Pequeño script de automatización
  • For 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
     }
  • For 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)

    About

    ✨ My contributions to the oficial web of La Velada IV by Ibai Llanos.

    Topics

    Resources

    License

    Stars

    Watchers

    Forks

    Languages

    • Astro 79.0%
    • TypeScript 19.6%
    • JavaScript 1.4%