Mejoras en mi Sitio Web a través de Vibe Coding
Budget: €6 – €12 EUR
(No es tanto como parece, están muchas cosas hechas ya, necesitaríamos agendar una reunión previa)
Busco desarrollador
Con experiencia en integraciones OAuth y APIs de almacenamiento en la nube para dejar operativa una aplicación web que:
Permite chatear con un asistente inteligente y usar contenidos de documentos como contexto.
Se integra con OneDrive y Google Drive para listar, buscar y adjuntar archivos en el chat, y alimentar el sistema RAG (Retrieval-Augmented Generation).
Gestiona historial de conversaciones de forma eficiente y ofrece una sección “Brain” para administrar fuentes de conocimiento.
Objetivo principal
Dejar la web completamente funcional con OneDrive y Google Drive (login, listado/búsqueda, adjuntar al chat, uso en RAG).
Consolidar el guardado del historial.
Rediseñar la sección “Brain” a nivel funcional.
Una vez operativa, realizar refactorización guiada con Vibe Coding para robustecer y estandarizar el código.
Alcance y tareas
OneDrive (MSAL + Microsoft Graph)
Implementar login con msal-browser (ideal: loginRedirect + handleRedirectPromise).
Configurar redirectUri en /callback/onedrive y alinear con Azure AD.
Definir scopes necesarios.
Listar/buscar archivos y carpetas (paginación, metadatos), previsualización y selección en picker.
Adjuntar archivos al chat, etiquetar proveedor y habilitar uso en RAG.
Renovación silenciosa del token y manejo de errores/estados (sin pantallas en blanco).
Opcional: sincronización incremental (delta queries) o webhooks.
Google Drive
Verificar/pulir OAuth con Google Identity Services.
Listar/buscar archivos, adjuntar al chat y uso en RAG.
Renovación de token y manejo robusto de errores.
Historial de chat
Guardado estable, paginación y búsqueda.
Compresión ligera y límites por tokens para evitar crecimientos descontrolados.
Exportación de conversaciones en JSON con metadatos de proveedor/documentos.
Rediseño “Brain”
UI/UX clara para crear un dashboard con las fuentes (OneDrive/Google Drive), estados de conexión y datos.
Buscador con filtros (tipo, fecha), contador de documentos, selección múltiple y barra lateral de seleccionados.
Estados de carga/vacío y diseño responsive.
Refactorización con Vibe Coding (post-funcional)
Modularizar servicios (OAuth, almacenamiento, RAG).
Unificar patrones de error/loading/toasts.
Eliminar código muerto, duplicados y limpiar variables .env/documentación.
Organizar rutas y componentes por dominio, aplicar tipado/JSDoc básico.
Mejorar gestión de estado global/local y separación de responsabilidades.
Entregables
Código funcional con OneDrive y Google Drive: autenticación, listado/búsqueda, adjuntar al chat y uso en RAG.
Renovación de tokens y manejo de errores implementado.
UI “Brain” rediseñada y operativa.
Historial con compresión, paginación, búsqueda y exportación.
.env.example actualizado y guía de instalación.
PRs por feature con descripción, checklist y evidencia de QA (capturas/video).
Documentación técnica breve: arquitectura, endpoints usados y decisiones clave.
Refactor post-funcional aplicado y documentado.
Criterios de aceptación (QA)
OneDrive
Inicio de sesión sin errores; reintentos no bloquean la UI.
Listado con nombre, tipo, tamaño, fecha y paginación ≥100.
Búsqueda simple por nombre.
Adjuntar 1+ archivos y ver etiqueta del proveedor en el chat.
Token válido tras refrescar; renovación silenciosa al expirar.
Errores visibles y manejados (sin pantallas en blanco).
Google Drive
Mismos criterios que OneDrive.
Historial
Persistencia estable, paginación, búsqueda y exportación JSON.
Compresión y límites por tokens activos.
“Brain”
Conectar/desconectar claro, estado visible.
UX responsive, estados de carga/vacío, filtros y selección funcional.
Acceso y herramientas
Acceso vía Vibe Coding en mi ordenador (Cursor con GPT-5 ilimitado).
Repositorio en GitHub con ramas por feature y PRs para revisión.
Stack: React + Vite, Tailwind, Supabase, msal-browser, Google Identity Services.
Perfil requerido
Experiencia con MSAL y Microsoft Graph (OneDrive).
OAuth Google (GSI), React, APIs REST, manejo de tokens y errores.
Buen criterio de UX para tablas/pickers y estados de UI.
Capacidad para refactorizar y documentar.
Busco desarrollador
Con experiencia en integraciones OAuth y APIs de almacenamiento en la nube para dejar operativa una aplicación web que:
Permite chatear con un asistente inteligente y usar contenidos de documentos como contexto.
Se integra con OneDrive y Google Drive para listar, buscar y adjuntar archivos en el chat, y alimentar el sistema RAG (Retrieval-Augmented Generation).
Gestiona historial de conversaciones de forma eficiente y ofrece una sección “Brain” para administrar fuentes de conocimiento.
Objetivo principal
Dejar la web completamente funcional con OneDrive y Google Drive (login, listado/búsqueda, adjuntar al chat, uso en RAG).
Consolidar el guardado del historial.
Rediseñar la sección “Brain” a nivel funcional.
Una vez operativa, realizar refactorización guiada con Vibe Coding para robustecer y estandarizar el código.
Alcance y tareas
OneDrive (MSAL + Microsoft Graph)
Implementar login con msal-browser (ideal: loginRedirect + handleRedirectPromise).
Configurar redirectUri en /callback/onedrive y alinear con Azure AD.
Definir scopes necesarios.
Listar/buscar archivos y carpetas (paginación, metadatos), previsualización y selección en picker.
Adjuntar archivos al chat, etiquetar proveedor y habilitar uso en RAG.
Renovación silenciosa del token y manejo de errores/estados (sin pantallas en blanco).
Opcional: sincronización incremental (delta queries) o webhooks.
Google Drive
Verificar/pulir OAuth con Google Identity Services.
Listar/buscar archivos, adjuntar al chat y uso en RAG.
Renovación de token y manejo robusto de errores.
Historial de chat
Guardado estable, paginación y búsqueda.
Compresión ligera y límites por tokens para evitar crecimientos descontrolados.
Exportación de conversaciones en JSON con metadatos de proveedor/documentos.
Rediseño “Brain”
UI/UX clara para crear un dashboard con las fuentes (OneDrive/Google Drive), estados de conexión y datos.
Buscador con filtros (tipo, fecha), contador de documentos, selección múltiple y barra lateral de seleccionados.
Estados de carga/vacío y diseño responsive.
Refactorización con Vibe Coding (post-funcional)
Modularizar servicios (OAuth, almacenamiento, RAG).
Unificar patrones de error/loading/toasts.
Eliminar código muerto, duplicados y limpiar variables .env/documentación.
Organizar rutas y componentes por dominio, aplicar tipado/JSDoc básico.
Mejorar gestión de estado global/local y separación de responsabilidades.
Entregables
Código funcional con OneDrive y Google Drive: autenticación, listado/búsqueda, adjuntar al chat y uso en RAG.
Renovación de tokens y manejo de errores implementado.
UI “Brain” rediseñada y operativa.
Historial con compresión, paginación, búsqueda y exportación.
.env.example actualizado y guía de instalación.
PRs por feature con descripción, checklist y evidencia de QA (capturas/video).
Documentación técnica breve: arquitectura, endpoints usados y decisiones clave.
Refactor post-funcional aplicado y documentado.
Criterios de aceptación (QA)
OneDrive
Inicio de sesión sin errores; reintentos no bloquean la UI.
Listado con nombre, tipo, tamaño, fecha y paginación ≥100.
Búsqueda simple por nombre.
Adjuntar 1+ archivos y ver etiqueta del proveedor en el chat.
Token válido tras refrescar; renovación silenciosa al expirar.
Errores visibles y manejados (sin pantallas en blanco).
Google Drive
Mismos criterios que OneDrive.
Historial
Persistencia estable, paginación, búsqueda y exportación JSON.
Compresión y límites por tokens activos.
“Brain”
Conectar/desconectar claro, estado visible.
UX responsive, estados de carga/vacío, filtros y selección funcional.
Acceso y herramientas
Acceso vía Vibe Coding en mi ordenador (Cursor con GPT-5 ilimitado).
Repositorio en GitHub con ramas por feature y PRs para revisión.
Stack: React + Vite, Tailwind, Supabase, msal-browser, Google Identity Services.
Perfil requerido
Experiencia con MSAL y Microsoft Graph (OneDrive).
OAuth Google (GSI), React, APIs REST, manejo de tokens y errores.
Buen criterio de UX para tablas/pickers y estados de UI.
Capacidad para refactorizar y documentar.