[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
## 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](https://www.figma.com/file/7uUHCJ7YhJEoB24EZ00lXC/240405-LVDA-IV?type=design&node-id=0-1&mode=design&t=CUK9cH8DXhKXx31U-0) · [Reportar error](https://github.com/midudev/la-velada-web-oficial/issues) · [Sugerir algo](https://github.com/midudev/la-velada-web-oficial/issues)
Tabla de contenidos
- [Web oficial de La Velada IV](#web-oficial-de-la-velada-iv)
- [Características principales](#características-principales)
- [Capturas de pantalla de la web de La Velada IV](#capturas-de-pantalla-de-la-web-de-la-velada-iv)
- [Para empezar](#para-empezar)
- [Prerequisitos](#prerequisitos)
- [Instalación](#instalación)
- [Contribuir al proyecto](#contribuir-al-proyecto)
- [Contribuir desde Stackblitz](#contribuir-desde-stackblitz)
- [🛠️ Stack](#️-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
Pequeño script de automatización
- En Linux/MacOS:
```sh
# .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:
```powershell
# $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
```
Instalación
-
Clona el repositorio
git clone https://github.com/midudev/la-velada-web-oficial.git
-
Instala los paquetes de NPM
pnpm install
-
Ejecuta el proyecto
- Base de datos remota (necesario linkear con proyecto de Astro Studio)
pnpm run dev
- Base de datos local
pnpm run start
-
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:
- Haz un fork del Proyecto
- Clona tu fork (
git clone <URL del fork>
)
- Añade el repositorio original como remoto (
git remote add upstream <URL del repositorio original>
)
- Crea tu Rama de Funcionalidad (
git switch -c feature/CaracteristicaIncreible
)
- Realiza tus Cambios (
git commit -m 'Add: alguna CaracterísticaIncreible'
)
- Haz Push a la Rama (
git push origin feature/CaracteristicaIncreible
)
- 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)