Biblioteca de secuencias, charts y recursos para producción musical cristiana. Aplicación web enfocada en rendimiento, UX y accesibilidad.
- Acerca del proyecto
- Características
- Tecnologías y versiones
- Inicio rápido
- Scripts
- Estructura del proyecto
- Data Manager CLI
- Configuración
- Deploy
- Contribuir
- Licencia
- Contacto
Worship Box es una aplicación web moderna para explorar y descargar secuencias musicales, charts y recursos de software para producción musical cristiana. Está diseñada con un enfoque en experiencia de usuario, rendimiento y accesibilidad.
- Búsqueda rápida y filtrado por artista, álbum y canción.
- Charts integrados por canción.
- Catálogo de recursos: DAWs, plugins y utilidades con múltiples servicios de descarga.
- Formulario de aportes con validación en tiempo real, control de frecuencia y notificaciones por EmailJS (sin enlaces magnet/torrent).
- Interfaz responsive, tema claro/oscuro y multilenguaje (ES/EN/PT).
Basado en
app/package.json.
| Área | Tecnologías | Versión |
|---|---|---|
| Frontend | React, React DOM | 19.2.0 |
| Build | Vite, @vitejs/plugin-react-swc | 7.2.4, 4.2.2 |
| Estilos | TailwindCSS, PostCSS, Autoprefixer | 3.4.17, 8.5.6, 10.4.23 |
| UI | Lucide React, SweetAlert2 | 0.563.0, 11.26.18 |
| i18n | i18next, react-i18next | 23.12.2, 14.1.2 |
| @emailjs/browser | 4.4.1 | |
| Datos | xlsx, xlsx-js-style | 0.18.5, 1.2.0 |
| Calidad | ESLint, @eslint/js | 9.39.1, 9.39.1 |
- Node.js LTS
- npm
git clone https://github.com/oscarmp7/worship-box.git
cd worship-box/app
npm install
npm run devLa aplicación estará disponible en http://localhost:5173/.
| Comando | Descripción |
|---|---|
npm run dev |
Servidor de desarrollo con HMR |
npm run build |
Build de producción |
npm run preview |
Vista previa del build |
npm run deploy |
Deploy a Vercel |
npm run lint |
Verificar código con ESLint |
worship-box/
├── app/
│ ├── src/
│ │ ├── components/
│ │ │ ├── views/
│ │ │ ├── HeaderBar.jsx
│ │ │ ├── Sidebar.jsx
│ │ │ └── MainContent.jsx
│ │ ├── data/
│ │ │ ├── secuencias.json
│ │ │ └── software.json
│ │ ├── locales/
│ │ ├── services/
│ │ ├── utils/
│ │ └── workers/
│ ├── tools/
│ │ └── data-manager.cjs
│ ├── aportes/
│ └── backups/
└── README.md
Herramienta CLI para gestionar datos desde Excel (XLSX), validar integridad y administrar aportes.
# Menú interactivo
node tools/data-manager.cjs
# Comandos directos
node tools/data-manager.cjs --export
node tools/data-manager.cjs --import
node tools/data-manager.cjs --validar
node tools/data-manager.cjs --sync-stats
node tools/data-manager.cjs --eliminar-vacios
node tools/data-manager.cjs --helpCrear app/.env a partir de app/.env.example y configurar:
VITE_EMAILJS_SERVICE_ID=
VITE_EMAILJS_TEMPLATE_FORM_ID=
VITE_EMAILJS_TEMPLATE_THANKS_ID=
VITE_EMAILJS_PUBLIC_KEY=
VITE_EMAILJS_TO_EMAIL=[email protected]
VITE_CONTRIBUTE_ENDPOINT=
VITE_EMAILJS_ATTACH_XLSX=false- Crear cuenta en EmailJS.
- Configurar el servicio de email.
- Crear plantillas Contribution (formulario de aporte) y Thank You (agradecimiento).
cd app
npm run deployURL: https://worshipbox.vercel.app
- Fork del proyecto.
- Crea tu rama (
git checkout -b feature/mi-feature). - Commit (
git commit -m "feat: mi feature"). - Push (
git push origin feature/mi-feature). - Abre un Pull Request.
También puedes contribuir desde la aplicación usando el formulario de aportes.
MIT.
Worship Box Ministry
- Email: [email protected]
- Web: https://worshipbox.vercel.app