Diseño adaptado para desktop y mobile con landing page y dashboard privado.

Home, Mi ZBox y Actividad reciente para organizar y consultar archivos.

ZeroBox es una aplicación web de gestión de archivos diseñada para ofrecer una experiencia limpia, moderna y productiva. Permite a los usuarios autenticarse, subir archivos, crear carpetas, visualizar contenido multimedia, consultar actividad reciente y aplicar transformaciones visuales con IA sobre imágenes.

El proyecto combina React, TypeScript, Appwrite e ImageKit para construir una experiencia completa de almacenamiento y organización. La aplicación separa correctamente las operaciones públicas y privadas: el frontend maneja la experiencia del usuario, mientras que las operaciones sensibles de gestión de archivos se delegan a una capa segura mediante Appwrite Functions.

ZeroBox: un gestor de archivos moderno

Permite crear carpetas y organizar archivos dentro del espacio personal del usuario.

Organización por carpetas

Los usuarios pueden subir imágenes, videos y documentos directamente desde el dashboard.

Subida de archivos

La aplicación permite visualizar imágenes y videos desde una interfaz limpia sin salir del panel.

Previsualización multimedia

Integra transformaciones visuales para imágenes usando las capacidades de ImageKit.

Herramientas con IA

ZeroBox gestor de archivos

Aplicación web para gestionar archivos, carpetas e imágenes con autenticación, almacenamiento en ImageKit, dashboard privado y herramientas visuales con IA.

ImageKit requiere claves privadas para operaciones de administración como listar archivos, crear carpetas, renombrar o eliminar. El reto fue evitar exponer esas claves en el navegador y delegar esas operaciones a una capa segura mediante Appwrite Functions.

Separar operaciones sensibles del frontend

Después de subir archivos o crear carpetas, la aplicación debía actualizar la interfaz sin que el usuario recargara manualmente. Se trabajó con revalidación de loaders y estados de carga para refrescar la información automáticamente.

Sincronizar la interfaz después de acciones

Sistemas lineales, problemas geométricos, movimiento relativo y gráficas.

Calculadora visual con inteligencia artificial construida para resolver ejercicios matemáticos desde dibujos y anotaciones manuales. El frontend ofrece un canvas interactivo con herramientas de dibujo, borrador, selección por área, deshacer/rehacer, creación rápida de formas, gráficas X/Y y tarjetas de respuesta que pueden moverse, fijarse, copiarse, expandirse o colapsarse. El backend procesa la imagen con Gemini, devuelve resultados estructurados y maneja errores de API, estado del servicio y límites de uso para evitar sobrecarga.

Una calculadora visual impulsada por IA

Permite escribir, dibujar, borrar partes específicas, mover elementos creados y mantener el flujo visual de una libreta digital.

Canvas matemático interactivo

Envía capturas del canvas al backend para que Gemini interprete ejercicios escritos o dibujados y devuelva respuestas procesadas.

Resolución con IA visual

Incluye creación de gráficas, puntos, cuadrados y triángulos editables para representar problemas visuales.

Gráficas X/Y y formas rápidas

Cada resultado aparece en una tarjeta propia que puede moverse, copiarse, fijarse, colapsarse o expandirse.

Respuestas independientes

Muestra estado del backend, procesamiento activo, errores claros y limitación de solicitudes para proteger la API.


Flujo robusto de backend

Calculadora IA Interactiva

Aplicación web interactiva que permite resolver problemas matemáticos dibujados en un canvas. El usuario puede escribir ecuaciones, crear formas, graficar funciones X/Y, seleccionar áreas del lienzo y enviar la captura al backend para que Gemini interprete el problema y genere una respuesta visual, movible y organizada.

Lograr que el modelo IA reconozca expresiones matemáticas escritas a mano con alta precisión, independientemente del estilo de escritura del usuario.

Reconocimiento de escritura a mano

El canvas necesitaba permitir dibujo libre sin que las respuestas bloquearan el problema. Se separaron las respuestas en tarjetas independientes con posición, estado y acciones propias.

@etzadev
Proyectos

Mis proyectos recientes

ZeroBox gestor de archivos

ZeroBox gestor de archivos

Calculadora IA Interactiva

@etzadevProyectos

Mis proyectos recientes

ZeroBox gestor de archivos

ZeroBox gestor de archivos

Calculadora IA Interactiva

@etzadev
Proyectos