Aplicación web de código abierto que muestra contadores regresivos en tiempo real para las próximas actualizaciones de versiones de juegos gacha populares.
Version Counter te permite estar al día con las fechas de actualización de tus juegos gacha favoritos. La aplicación muestra:
- Versión actual y próxima versión de cada juego
- Contador regresivo en tiempo real hasta la próxima actualización
- Historial de actualizaciones anteriores
- Guías y videos informativos por versión
| Juego | Actualización Típica |
|---|---|
| Genshin Impact | Cada 6 semanas |
| Honkai Star Rail | Cada 6 semanas |
| Wuthering Waves | Cada ~6 semanas |
| Zenless Zone Zero | Cada 6 semanas |
- Contadores en tiempo real - Actualización automática cada segundo
- Diseño responsivo - Funciona en móvil y escritorio
- Tema oscuro - Colores personalizados por juego
- Multiidioma - Español e Inglés
- Código abierto - Totalmente modificable
Antes de comenzar, asegúrate de tener instalado:
- Node.js versión 20.x o superior
- pnpm (gestor de paquetes recomendado)
# Verificar instalación
node --version # Debe ser >= 20.0.0
pnpm --versionNota: Si no tienes pnpm, puedes instalarlo con:
npm install -g pnpm
-
Clona el repositorio
git clone https://github.com/tu-usuario/version-counter.git cd version-counter -
Instala las dependencias
pnpm install
-
Inicia el servidor de desarrollo
pnpm dev
-
Abre tu navegador
Ve a
http://localhost:4321para ver la aplicación.
| Comando | Descripción |
|---|---|
pnpm dev |
Inicia el servidor de desarrollo |
pnpm build |
Construye el proyecto para producción |
pnpm preview |
Previsualiza el build de producción |
pnpm check |
Verifica tipos TypeScript |
pnpm test |
Ejecuta las pruebas |
version-counter/
├── src/
│ ├── components/ # Componentes UI
│ │ └── react/ # Componentes React
│ ├── pages/ # Rutas y páginas
│ ├── data/ # Datos estáticos (juegos, versiones)
│ ├── types/ # Tipos TypeScript
│ ├── i18n/ # Traducciones
│ └── styles/ # Estilos globales
├── public/ # Assets estáticos
└── package.json # Dependencias
¡Las contribuciones son bienvenidas! Para contribuir:
- Haz un fork del repositorio
- Crea una rama para tu feature:
git checkout -b mi-nueva-funcionalidad - Realiza tus cambios y haz commit:
git commit -m 'Agrega nueva funcionalidad' - Push a la rama:
git push origin mi-nueva-funcionalidad - Abre un Pull Request
Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.
- Usar el código para proyectos personales
- Forkear y adaptar el código para tus necesidades
- Contribuir al proyecto original
- Ejecutar tu propia instancia del proyecto
Este proyecto es de código abierto, pero no se permite crear sitios web idénticos o muy similares:
- 🚫 Clonar este proyecto para crear un sitio con el mismo propósito (contadores de versiones de juegos gacha) sin cambios significativos
- 🚫 Copiar la estructura, diseño y funcionalidad principal para crear un "competidor"
- 🚫 Usar las misma fuentes de datos (fechas de actualización) sin añadir valor propio
Lo que SI está permitido:
- Usar el código como base para un proyecto diferente
- Adaptar el diseño y funcionalidades para otros propósitos
- Crear tu propia versión con contenido diferente
Si quieres crear algo similar, te animo a añadir valor: diferente enfoque, datos propios, funcionalidades únicas, o un propósito distinto. El código está aquí para aprender y crear, no para clonar tal cual.
¿Dudas o preguntas? Abre un issue en el repositorio.