RedBarrio es una aplicación móvil híbrida diseñada para la gestión integral de comunidades y juntas de vecinos.
Facilita la comunicación, la organización de eventos, la gestión de espacios comunes y la participación ciudadana a través de una plataforma centralizada.
Este proyecto está construido con Ionic (Angular) para el frontend, Capacitor para la compilación nativa, y utiliza Supabase como backend (Base de Datos, Autenticación y Edge Functions).
La aplicación RedBarrio incluye las siguientes funcionalidades clave:
- Autenticación de Usuarios: Sistema completo de registro, inicio de sesión y recuperación de contraseña.
- Gestión de Perfil: Los usuarios pueden ver y actualizar su información personal.
- Muro de Noticias: Espacio para que la administración publique anuncios y noticias relevantes para la comunidad.
- Sistema de Votaciones: Permite crear votaciones sobre temas de interés y que los vecinos participen de forma digital.
- Reserva de Espacios Comunes: Módulo para ver disponibilidad y solicitar la reserva de espacios (salones, quinchos, etc.).
- Solicitud de Certificados: Formulario para solicitar certificados (por ejemplo, de residencia) a la administración.
- Inscripción a Proyectos: Los vecinos pueden inscribirse en diferentes proyectos o iniciativas comunitarias.
- Integración de Pagos (Transbank): Pasarela de pago para gestionar cobros (gastos comunes o reservas) utilizando Supabase Edge Functions para la comunicación con Transbank.
| Componente | Tecnología |
|---|---|
| Frontend | Ionic 7+ con Angular 16+ |
| Backend (BaaS) | Supabase |
| Base de Datos | PostgreSQL |
| Autenticación | Supabase Auth |
| Serverless | Supabase Edge Functions (Deno) |
| Plataforma Móvil | Capacitor (Android/iOS) |
| Pasarela de Pagos | Transbank (integrado vía Edge Functions) |
Para ejecutar el proyecto en un entorno de desarrollo:
git clone https://github.com/tu-usuario/capstone-rn-jf-sd-parte2.gitcd capstone-rn-jf-sd-parte2/redbarrionpm installCopia tus claves de API de Supabase (URL y anon_key) en el archivo:
// src/environments/environment.ts
export const environment = {
production: false,
supabaseUrl: 'TU_SUPABASE_URL',
supabaseKey: 'TU_SUPABASE_ANON_KEY'
};Haz lo mismo en src/environments/environment.prod.ts si usas claves de producción.
ionic serveEsto abrirá la aplicación en tu navegador en:
👉 http://localhost:8100
El backend (incluyendo las funciones de pago) se gestiona con la Supabase CLI.
supabase loginObtén el [PROJECT_ID] desde la URL de tu dashboard en Supabase.
cd ../supabase
supabase link --project-ref [PROJECT_ID]Este proyecto usa Edge Functions para simular y confirmar pagos con Transbank:
supabase functions deploy transbank-simular
supabase functions deploy transbank-confirmAsegúrate de configurar las variables de entorno necesarias (como las API keys de Transbank) en el dashboard de Supabase.
Ejecuta estos comandos desde la carpeta redbarrio/:
| Comando | Descripción |
|---|---|
ionic serve |
Inicia el servidor de desarrollo web |
npm run build |
Compila la app web para producción (salida en www/) |
ionic cap sync |
Sincroniza los cambios del build web con los proyectos nativos |
ionic cap run android |
Ejecuta la app en un dispositivo o emulador Android |
ionic cap run ios |
Ejecuta la app en un dispositivo o emulador iOS |
¡Las contribuciones son bienvenidas!
Si deseas colaborar, abre un issue o envía un pull request con tus mejoras.
Este proyecto está bajo la licencia MIT.
Consulta el archivo LICENSE para más información.
RedBarrio — Proyecto desarrollado como parte del Capstone de Ingeniería.
Construido con ❤️ utilizando Ionic + Supabase + Transbank.