📸 CloudSnap

Aplicación móvil desarrollada en React Native que permite capturar imágenes, subirlas automáticamente a Cloudinary y almacenar su URL en Supabase.

---

🚀 Tecnologías utilizadas

• React Native
• Expo
• Cloudinary (almacenamiento y optimización de imágenes)
• Supabase (base de datos y autenticación)
• PostgreSQL
• JavaScript / TypeScript

---

🏗 Arquitectura del Proyecto

📱 App móvil (React Native) ⬇ ☁ Cloudinary (almacenamiento de imágenes) ⬇ 🗄 Supabase (almacenamiento de URLs y metadata)

---

---

📦 Instalación

1️⃣ Clonar el repositorio

git clone https://github.com/tu-usuario/tu-repo.git
cd tu-repo

---

2️⃣ Instalar dependencias

Si usas Expo:

npx expo install expo-image-picker
npm install @supabase/supabase-js
npm install axios

---

3️⃣ Variables de entorno

Crea un archivo .env en la raíz del proyecto:

EXPO_PUBLIC_SUPABASE_URL=tu_url
EXPO_PUBLIC_SUPABASE_ANON_KEY=tu_key
EXPO_PUBLIC_CLOUDINARY_CLOUD_NAME=tu_cloud_name
EXPO_PUBLIC_CLOUDINARY_UPLOAD_PRESET=tu_upload_preset

---

🗄 Base de Datos (Supabase)

Tabla: profiles

Campo	Tipo
id	uuid (PK)
username	text
avatar_url	text
created_at	timestamp

Tabla: photos

Campo	Tipo
id	uuid (PK)
user_id	uuid (FK)
image_url	text
public_id	text
width	integer
height	integer
format	text
size_kb	integer
created_at	timestamp

---

📸 Flujo de Subida de Imagen

1. Usuario toma foto
2. Imagen se sube a Cloudinary
3. Cloudinary devuelve secure_url
4. Se guarda la URL en Supabase
5. La imagen se muestra en la app

---

☁ Configuración de Cloudinary

1. Crear cuenta en Cloudinary
2. Ir a Settings → Upload
3. Crear un Upload Preset (Unsigned)
4. Usar el cloud_name y upload_preset en el proyecto

---

🔐 Seguridad

• Row Level Security (RLS) activado en Supabase
• Cada usuario solo puede acceder a sus propias imágenes
• Autenticación mediante Supabase Auth

---

📱 Funcionalidades actuales

• Captura de imagen
• Subida automática a Cloudinary
• Guardado de URL en base de datos
• Relación imagen ↔ usuario
• Protección de datos mediante RLS

---

🔥 Próximas mejoras

• Compresión automática antes de subir
• Eliminación sincronizada (Cloudinary + Supabase)
• Álbumes personalizados
• Sistema de etiquetas
• Modo oscuro
• Likes y comentarios
• Compartir imágenes públicas

---

🧠 Escalabilidad

La arquitectura permite:

• Integrar videos
• Implementar red social
• Agregar análisis de imágenes
• Añadir almacenamiento híbrido

---

📄 Licencia

MIT License

---

👨‍💻 Autor

Desarrollado por Luis Angel Diaz Diaz

---

💡 Visión del Proyecto

Construir una plataforma escalable de gestión y optimización de imágenes en la nube, con potencial de expansión hacia herramientas colaborativas, automatización e inteligencia artificial.