SorteosEDJ es una aplicación web moderna para gestionar y ejecutar sorteos de forma interactiva y sencilla. Construida con tecnologías de punta, permite a los usuarios realizar sorteos con una interfaz intuitiva y responsiva.
🌐 Sitio en vivo:https://sorteos-edj.vercel.app
- ✅ Interfaz moderna y responsiva
- ✅ Gestión de sorteos en tiempo real
- ✅ Experiencia de usuario intuitiva
- ✅ Despliegue automático en Vercel
- ✅ Arquitectura escalable y mantenible
| Componente | Tecnología | Porcentaje |
|---|---|---|
| Frontend | Vue.js | 97% |
| Lenguaje | TypeScript | 3% |
SorteosEDJ/
├── src/
│ ├── components/ # Componentes reutilizables de Vue
│ ├── views/ # Vistas principales de la aplicación
│ ├── types/ # Definiciones de tipos TypeScript
│ ├── utils/ # Funciones utilitarias
│ ├── App.vue # Componente raíz
│ └── main.ts # Punto de entrada
├── public/ # Assets estáticos
├── dist/ # Build producción
├── package.json # Dependencias del proyecto
├── tsconfig.json # Configuración de TypeScript
└── vite.config.ts # Configuración de Vite
┌─────────────────────────────────────────────────────────┐
│ Cliente (Navegador) │
│ Vue.js + TypeScript │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ Vistas │ │ Componentes │ │ Lógica │ │
│ │ (Views) │ │ (Components)│ │ (TypeScript)│ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────┐
│ Vite (Build Tool) │
│ - Hot Module Replacement │
│ - Code Splitting │
│ - Optimización de bundlе │
└─────────────────────────────┘
↓
┌─────────────────────────────┐
│ Vercel (Deployment) │
│ - CI/CD Automático │
│ - Hosting Global CDN │
│ - SSL/TLS │
└─────────────────────────────┘
1. Vistas (Views)
- Punto de entrada para cada sección de la aplicación
- Gestión de rutas y navegación
- Lógica de negocio principal
2. Componentes (Components)
- Componentes reutilizables de Vue
- Encapsulación de UI y lógica asociada
- Props y eventos para comunicación
3. Tipos (Types)
- Definiciones de interfaces TypeScript
- Type safety en toda la aplicación
- Mejor documentación y autocompletado
4. Utilidades (Utils)
- Funciones auxiliares
- Lógica compartida
- Helpers reutilizables
- Node.js 16+
- npm o yarn
# Clonar el repositorio
git clone https://github.com/Dan178A/SorteosEDJ.git
cd SorteosEDJ
# Instalar dependencias
npm install
# o
yarn install# Iniciar servidor de desarrollo
npm run dev
# o
yarn devLa aplicación estará disponible en http://localhost:5173
# Compilar para producción
npm run build
# o
yarn build
# Previsualizar build
npm run preview
# o
yarn preview- Vue 3: Framework progresivo para interfaces de usuario
- TypeScript: Superset tipado de JavaScript
- Vite: Bundler de próxima generación ultrarrápido
1. Desarrollo local (npm run dev)
↓
2. Commit y Push a GitHub
↓
3. Vercel detecta cambios
↓
4. Build automático
↓
5. Deploy a producción
↓
6. https://sorteos-edj.vercel.app actualizado
| Métrica | Estado |
|---|---|
| Issues Abiertos | 0 |
| Forks | 0 |
| Watchers | 1 |
| Licencia | MIT (Recomendada) |
| Privacidad | Repositorio Privado |
- Composition API: Código más organizado y reutilizable
- Type Safety: Detección de errores en tiempo de compilación
- Componentes modulares: Arquitectura escalable
- Desarrollo rápido: HMR (Hot Module Replacement)
- Build optimizado: Tree-shaking automático
- Soporte TypeScript: Out of the box
- Deployment automático: Desde cada push
- CDN Global: Excelente rendimiento
- HTTPS/SSL: Seguridad garantizada
{
"buildTool": "Vite",
"framework": "Vue 3",
"language": "TypeScript",
"package": "npm/yarn",
"deployment": "Vercel",
"versionControl": "Git/GitHub"
}- Mantener compatibilidad con TypeScript strict mode
- Seguir convenciones de nombres de componentes en PascalCase
- Documentar props y eventos en componentes
- Realizar pruebas en múltiples navegadores
Las contribuciones son bienvenidas. Por favor:
- Fork el repositorio
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
Este proyecto está bajo la Licencia MIT. Ver archivo LICENSE para más detalles.
Dan178A
- GitHub: @Dan178A
- Repositorio: SorteosEDJ
Para reportar issues o sugerencias, por favor abre un issue en GitHub.
Última actualización: Junio 2026
Estado: En desarrollo activo