Desarrollador para Migrar Aplicación Javascript de Localstorage a Google Sheets/Drive

Contexto Geral do Projeto

El Estado Actual de la Aplicación: Archivo Único: Te proporcionaré un único archivo index.html que contiene toda la aplicación. Tecnología Frontend: La aplicación está construida con html, css (tailwindcss desde cdn) y javascript puro (vanilla js). No utiliza frameworks como React, Angular o Vue. Funcionalidad Completa: La aplicación es 100% funcional en su estado actual. Incluye un sistema de login, creación y listado de reportes, un dashboard de estadísticas, y un panel de configuración. Almacenamiento de Datos: Toda la persistencia de datos (reportes, lista de trabajadores, configuraciones, evidencias, etc.) Se gestiona a través de localStorage. Los archivos de evidencia se convierten a Base64 y se guardan como texto. El Objetivo Principal: El objetivo es reemplazar completamente el uso de localStorage y transformarlo en una aplicación multiusuario y persistente, utilizando el ecosistema de Google como backend. La interfaz y la experiencia de usuario deben permanecer idénticas; solo cambiará el "cerebro" que gestiona los datos. Requisitos Técnicos Detallados: 1. Backend (Google Workspace): Google Sheets como Base de Datos: Crear una estructura en una hoja de cálculo de Google para almacenar los datos de la aplicación. Se deben crear pestañas separadas para: Reportes, Trabajadores, Áreas, Categorías, Sedes, etc. Google Drive para Archivos: Configurar una carpeta raíz en Google Drive donde se almacenarán todos los archivos de evidencia (imágenes, PDFs) que se suban desde la aplicación. Google Apps Script como API: Desarrollar un script en Google Apps Script que funcione como una api rest. El script debe contener funciones para manejar todas las operaciones CRUD (Crear, Leer, Actualizar, Eliminar) para cada tipo de dato (ej: getReports, addReport, updateReportStatus, getWorkers, addWorker, etc.). Debe incluir una función para manejar la subida de archivos, guardarlos en la carpeta de Google Drive designada y devolver el enlace o ID del archivo. El script debe ser desplegado como "Aplicación Web" con los permisos correctos para que pueda ser llamado desde el frontend. 2. Frontend (Archivo HTML/JavaScript): Refactorización del Código: Eliminar todo el código relacionado con localStorage. Implementar llamadas a la API de Google Apps Script usando fetch() en JavaScript. Utilizar programación asíncrona (async/await) para manejar las respuestas de la API de forma correcta. Integración Funcional: Login: La autenticación de usuarios (usuario y contraseña/DNI) debe validarse contra la lista de la pestaña "Trabajadores" en Google Sheets. Carga de Datos: Todas las vistas (lista de reportes, dashboard, menús desplegables de configuración) deben poblarse con datos obtenidos desde Google Sheets al cargar la aplicación. Escritura de Datos: Todas las acciones que crean o modifican datos (crear un reporte, añadir un trabajador, editar un área, aprobar/rechazar un reporte) deben enviar la información a Google Sheets a través de la API. Carga de Evidencias: La funcionalidad de subir archivos de evidencia debe enviar el archivo a la API para que se almacene en Google Drive, y el enlace resultante debe guardarse en la celda correspondiente del reporte en Google Sheets. Entregables: El archivo index.html modificado y completamente funcional. El archivo de código del proyecto de Google Apps Script (.gs). Un documento breve con instrucciones claras sobre: Cómo estructurar la hoja de cálculo de Google Sheets (nombres de las pestañas y columnas). Cómo desplegar el Google Apps Script y obtener la URL de la aplicación web.

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Integrações de API Outros (Outras APIs)
Funções necessárias Desenvolvedor

Prazo de Entrega: 27 de Junho de 2025

Habilidades necessárias