¡Bienvenido a Chat App! Esta aplicación móvil te permite comunicarte en tiempo real con otros usuarios, compartir tu ubicación, enviar fotos y hasta compartir chistes aleatorios, todo desde una interfaz moderna y fácil de usar.
- 👤 Autenticación de usuarios
- Registro e inicio de sesión con Firebase Authentication.
- Personaliza tu perfil con nombre e imagen.
- 💬 Chat en tiempo real
- Envía y recibe mensajes instantáneamente usando Firebase Firestore.
- Visualiza el nombre y la foto de perfil de cada usuario en el chat.
- 📍 Comparte tu ubicación
- Envía tu ubicación GPS con un solo clic.
- Los demás pueden abrir tu ubicación directamente en Google Maps.
- 📸 Captura y envía fotos
- Usa la cámara de tu dispositivo para tomar y compartir imágenes.
- Las fotos se almacenan de forma segura en Supabase Storage.
- 🌐 Chistes aleatorios
- ¡Haz el chat más divertido! Envía chistes de la API pública de Chuck Norris Jokes.
- 🎨 Interfaz moderna y responsiva
- Basada en Ionic, se adapta perfectamente a cualquier dispositivo móvil.
- Ionic 7 (UI y experiencia móvil)
- Angular (framework principal)
- Firebase Authentication (registro/login)
- Firebase Firestore (mensajería en tiempo real)
- Supabase Storage (almacenamiento de imágenes)
- @capacitor/geolocation (GPS)
- @capacitor/camera (cámara)
- @ionic/pwa-elements (soporte cámara en web/PWA)
- API pública: https://api.chucknorris.io/jokes/random
- Regístrate con tu correo, nombre y una imagen de perfil (opcional).
- Inicia sesión y accede al chat.
- Envía mensajes de texto, comparte tu ubicación o toma una foto desde la barra inferior del chat.
- Haz clic en el ícono de nube para enviar un chiste aleatorio y sorprender a tus amigos.
- Cierra sesión cuando lo desees desde tu perfil.
- Instala dependencias:
npm install
- Compila la app:
ionic build
- Sincroniza con Capacitor:
npx cap sync android
- Abre en Android Studio:
npx cap open android
- Configura tus credenciales de Firebase y Supabase en los archivos
src/environments/environment.tsyenvironment.prod.ts. - Asegúrate de que el bucket
chaten Supabase Storage tenga políticas de escritura y lectura adecuadas para tu caso de uso (ver README para ejemplos de políticas).
Puedes agregar aquí imágenes de la app en funcionamiento para mostrar la experiencia de usuario.
MIT
¡Disfruta chateando, compartiendo y divirtiéndote con esta app! 😄