git clone https://github.com/secretdot-hack/secretdot.git
cd secretdotfrontend
npm i
npm run dev
Plataforma para compartir datos sensibles de forma segura y simple usando blockchain de Polkadot.
SecretDot permite a cualquier usuario compartir información confidencial utilizando criptografía en el navegador, almacenamiento descentralizado (IPFS) y contratos inteligentes en la red Polkadot. Toda la información es encriptada antes de ser enviada y sólo los destinatarios autorizados pueden acceder a ella.
- El usuario accede a la plataforma y conecta su wallet.
- Se le muestra su panel con:
- 📥 Inbox: mensajes recibidos.
- 📤 Enviados: mensajes enviados.
- Si aún no hizo pública su
public key, se le solicita hacerlo para poder recibir mensajes. - Para enviar datos sensibles:
- Hace clic en "Nuevo mensaje".
- Sube la información que desea compartir.
- Ingresa una o más direcciones públicas (wallets).
- La información se encripta en el frontend con las claves públicas.
- Se guarda un hash de IPFS en un smart contract en la blockchain.
- Los destinatarios reciben un link, donde deben conectarse con su wallet y podrán ver la información una sola vez.
- 🔒 Encriptación local: los datos se encriptan antes de salir del navegador.
- 🧬 Privacidad garantizada: sólo el destinatario correcto puede desencriptar el contenido.
- 👁️🗨️ Acceso único: la información puede verse una sola vez.
- 🌐 Polkadot Ready: interoperabilidad con múltiples blockchains.
- 🧾 Auditoría transparente: historial de accesos y comparticiones a través de la red.
Implementación del almacenamiento de datos encriptados en Arkiv, permitiendo guardar información sensible de manera más confiable y persistente.
Esta etapa agrega una capa extra de seguridad y disponibilidad, complementando el uso actual de IPFS.
Incorporación de soporte para múltiples tipos de archivos, permitiendo que SecretDot pueda manejar desde documentos hasta imágenes o archivos estructurados.
Esto mejora la experiencia del usuario y amplía los casos de uso de la plataforma.
Implementación del modelo de negocio, definiendo planes, límites y funcionalidades avanzadas para usuarios que requieran mayor capacidad o servicios premium.
Esta etapa habilita la sostenibilidad del proyecto y permite que SecretDot evolucione como producto real.
Integración de notificaciones push para avisar al usuario cuando recibe un nuevo mensaje seguro o cuando un destinatario accede a la información.
Esto vuelve el flujo más dinámico y aporta inmediatez en las interacciones dentro de la plataforma.
- Polkadot – para contratos inteligentes e interoperabilidad entre blockchains.
- Web3 / Polkadot.js – para conectar con wallets.
- Criptografía en cliente (JS) – para encriptar datos antes de enviarlos.
- Next.js 15 – framework React para el frontend.
- Tailwind CSS – para estilos y diseño responsivo.
SecretDot incluye un loader animado personalizado inspirado en el diseño geométrico del logo, con 3 lóbulos tipo Polkadot.
Características:
- ✨ Diseño inspirado en el logo de SecretDot
- 🎭 Animaciones suaves con pulsos por lóbulo
- 📱 Responsive y escalable (SVG)
- ♿ Compatible con
prefers-reduced-motion - 🎨 Dos variantes: verde emerald y gradiente Polkadot
Vista previa rápida:
- Abre
secretdotfrontend/public/loader-preview.htmlen tu navegador - O visita
/loader-democuando la app esté corriendo
Documentación completa:
- Ver
secretdotfrontend/LOADER_README.mdpara ejemplos de código y uso
- Conectás tu wallet.
- Hacés pública tu clave para recibir mensajes.
- Subís un archivo sensible.
- Elegís los destinatarios (por dirección pública).
- Se genera un contrato inteligente con el hash del archivo en IPFS.
- El receptor accede al archivo una vez a través de un link seguro.