Proyecto de diseño y desarrollo

El sistema que ordena
la gestión de tu barrio

miVecinal reúne socios, cuotas, reclamos, actas y comunicación en una sola plataforma. Menos papeles y planillas sueltas, más tiempo para el barrio.

Qué es
Sistema web de gestión
Para quién
Centros vecinales y asociaciones civiles
Estado
Demo en línea
Rol
Diseño y desarrollo full stack
La demo

Está en línea. Entrá y usala.

No es una maqueta: es el sistema funcionando, con datos de ejemplo. Podés recorrer el portal público del barrio y el panel de administración de la comisión, y crear, editar o borrar lo que quieras: los datos se restauran cada hora.

demo.mivecinal.com.ar
Cuentas de prueba · usuario y contraseña
Administrador
admin / admin
Staff
staff / staff
Vecino
vecino / vecino
EN LÍNEA
DEMO
ABIERTA
CÓRDOBA · 2026
demo.mivecinal.com.ar
Transcripción del video

El video no tiene narración: estos son los carteles que aparecen en pantalla.

  1. Sistemas web a medida y paneles de gestión. Recorrido por un proyecto real: miVecinal.
  2. Sitio público: noticias, eventos y contacto.
  3. Inicio de sesión seguro: Keycloak con permisos por rol.
  4. Panel administrativo: cuentas y reclamos de un vistazo.
  5. Socios y pagos: búsqueda y filtros.
  6. Libro de caja: ingresos, egresos y saldo acumulado.
  7. Balance anual, calculado automáticamente.
  8. Seguimiento de reclamos: fotos, cambios de estado y comentarios.
  9. Funciona en cualquier dispositivo. Adaptable e instalable como app (PWA). Portal del vecino: reclamos, pagos y formularios.
  10. Hagamos el tuyo. React, Node.js, Spring Boot, Docker. Escribime y hablamos de tu proyecto.
Qué probar en cinco minutos
1
Recorré el portal público
Noticias, eventos y datos de contacto del barrio, tal como los ve un vecino.
2
Cargá un reclamo
Entrá como vecino, reportá un problema con fotos y seguí su estado desde el portal.
3
Entrá al panel
Como administrador: socios, cuotas, caja, actas y balance en un mismo lugar.
4
Respondé el reclamo
Asignalo, cambiale el estado, cargá la solución y mirá cómo se actualiza del lado del vecino.
El problema

Cinco preguntas que hoy nadie puede contestar rápido

El punto de partida del proyecto: cómo administra hoy un centro vecinal, y qué cambia con una herramienta pensada para eso.

¿Cuántos socios activos tenemos?
Hay que revisar el cuaderno y sumar a mano.
El padrón está actualizado y a la vista de toda la comisión.
¿Quién debe la cuota?
Lo sabe el tesorero. Si está, y si se acuerda.
Cada socio tiene sus cuotas, sus comprobantes y las vencidas marcadas solas.
¿Se resolvió el reclamo del alumbrado?
Quedó en un grupo de WhatsApp con 200 mensajes.
Tiene número, responsable, estado y respuesta escrita.
¿Dónde está el acta de la última asamblea?
En una carpeta, en la computadora de alguien.
En el sistema, buscable, disponible para todos.
Cambió la comisión. ¿Y ahora?
Se arranca de cero y se pierde la historia.
La información queda en la institución, no en las personas.
El sistema

Ocho módulos, un solo lugar

Todos se pueden ver funcionando en la demo.

01
Socios y padrón
Altas, bajas y datos de contacto siempre actualizados, con filtros por estado y tipo de socio y vínculo con la cuenta del vecino.
02
Cuotas y cobranzas
Cuotas por período, pagos con comprobante y vencidas marcadas automáticamente. El vecino ve sus pagos desde el portal.
03
Reclamos
El vecino carga el pedido con fotos y sigue su estado. La comisión asigna, comenta y lo cierra con una solución escrita.
04
Libro de actas
Actas de asamblea y de reunión con temas, presentes y adjuntos, buscables y disponibles para toda la comisión.
05
Tesorería y balance
Caja mensual con cierres, comprobantes numerados, inventario de bienes y un balance anual que se calcula a partir de los movimientos.
06
Noticias y eventos
Publicás una novedad y aparece al instante en el portal público del barrio.
07
Formularios
Encuestas, inscripciones y relevamientos online, con las respuestas en el panel. Sin planillas sueltas ni idas y vueltas por chat.
08
Portal público
Un sitio propio para el centro vecinal, con su nombre, sus colores y sus banners. Se instala en el celular como una app.
Cómo está hecho

De la idea al sistema en producción

Diseño, frontend, backend e infraestructura, hechos de punta a punta.

Frontend
React + TypeScript + Vite
Portal público y panel de administración en una misma aplicación, con rutas separadas por rol. Instalable como app (PWA).
Interfaz
Tailwind CSS + shadcn/ui
Componentes accesibles y un sistema visual propio, con tema claro y oscuro.
Backend
Java 21 + Spring Boot
API REST con Spring Data JPA sobre MariaDB, documentada con OpenAPI: socios, cuotas, reclamos, actas, tesorería y contenido público.
Infraestructura
Docker Compose
Frontend, API, base de datos, Keycloak y almacenamiento de archivos (MinIO) en contenedores. La demo se restaura sola cada hora.
Seguridad
Keycloak + permisos por módulo
Inicio de sesión con OpenID Connect. Cada miembro de la comisión ve o gestiona solo los módulos que le corresponden.
Decisiones de diseño
—Pensado para comisiones voluntarias: cada pantalla tiene que entenderse sin capacitación.
—Dos caras del mismo sistema: lo que carga la comisión aparece al instante en el portal del vecino.
—La información es de la institución, no de las personas: sobrevive a cada cambio de comisión.
Quién lo hizo

Benjamín D’Angelo

Desarrollador full stack y administrador de sistemas en Sohiprensa S.A. (Córdoba, Argentina). Desarrolló miVecinal de punta a punta: base de datos, backend, frontend y despliegue en servidor.

  • FormaciónEstudiante de Ingeniería en Sistemas de Información en la UTN-FRC.
  • TecnologíasJava, Spring Boot, React, TypeScript, MariaDB, Keycloak y Docker.

Contacto

miVecinal es un proyecto propio que muestra cómo trabajo: entender el problema, diseñarlo y llevarlo a producción. Si te interesa conversar sobre una búsqueda laboral o un desarrollo, escribime.

O probá la demo primero