Skip to content

Oscarmp7/worship-box

Repository files navigation

🎵 Worship Box

Biblioteca de secuencias, charts y recursos para producción musical cristiana. Aplicación web enfocada en rendimiento, UX y accesibilidad.

React Vite TailwindCSS License

Demo en vivo · Reportar bug · Solicitar feature


Tabla de contenidos


Acerca del proyecto

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.

Características

  • 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).

Tecnologías y versiones

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
Email @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

Inicio rápido

Requisitos

  • Node.js LTS
  • npm

Instalación

git clone https://github.com/oscarmp7/worship-box.git
cd worship-box/app
npm install
npm run dev

La aplicación estará disponible en http://localhost:5173/.

Scripts

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

Estructura del proyecto

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

Data Manager CLI

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 --help

Configuración

Variables de entorno

Crear 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

EmailJS

  1. Crear cuenta en EmailJS.
  2. Configurar el servicio de email.
  3. Crear plantillas Contribution (formulario de aporte) y Thank You (agradecimiento).

Deploy

Vercel (recomendado)

cd app
npm run deploy

URL: https://worshipbox.vercel.app

Contribuir

  1. Fork del proyecto.
  2. Crea tu rama (git checkout -b feature/mi-feature).
  3. Commit (git commit -m "feat: mi feature").
  4. Push (git push origin feature/mi-feature).
  5. Abre un Pull Request.

También puedes contribuir desde la aplicación usando el formulario de aportes.

Licencia

MIT.

Contacto

Worship Box Ministry

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors