fda_safety_guard Svelte Themes

Fda_safety_guard

Buscador de alertas sanitarias que consulta la API de openFDA en tiempo real. Permite rastrear retiros de alimentos y fármacos del mercado, visualizando riesgos y fechas clave. Desarrollada con Svelte 5 y Rust, ofrece una interfaz ultra rápida y segura para proteger la salud del consumidor.

FDA Safety Guard 🛡️

FDA Safety Guard es una plataforma de monitoreo y análisis de seguridad de medicamentos en tiempo real. Permite a los usuarios consultar reacciones adversas reportadas y alertas de retiradas del mercado (recalls) de forma interactiva y visual.

📋 Descripción Breve

La aplicación actúa como un dashboard inteligente que consume datos oficiales del gobierno para proporcionar transparencia sobre el uso de fármacos, ayudando a identificar riesgos potenciales mediante visualizaciones de datos y paneles informativos.

🏗️ Arquitectura del Proyecto

El código está organizado de forma modular para separar la lógica de datos de la interfaz de usuario:

  • src/api.rs: Capa de servicio. Contiene la lógica de comunicación con la API externa, tipos de datos (structs) y funciones asíncronas de fetch.
  • src/components.rs: Biblioteca de componentes UI. Incluye la barra de búsqueda, tablas de reacciones, gráficas de riesgo y paneles de alertas.
  • src/app.rs: Estructura principal y maquetación (Layout) de la aplicación.
  • src/main.rs: Punto de entrada que inicializa el logger y monta la aplicación en el DOM.
  • index.html: Plantilla base que integra Tailwind CSS y el punto de montaje de WebAssembly.

💻 Stack Tecnológico

  • Lenguaje: Rust (Compilado a WebAssembly para alto rendimiento).
  • Frontend Framework: Leptos (Framework reactivo para WASM).
  • Estilos: Tailwind CSS (Diseño responsivo y moderno).
  • Herramienta0 de Construcción: Trunk (Build tool para WASM).

🔌 API de Datos

  • Nombre: openFDA (https://www.freepublicapis.com/openfda-api)
  • Fuente: U.S. Food and Drug Administration (FDA).
  • Uso: Se consultan los endpoints de Drug Events (eventos adversos) y Drug Enforcement (alertas de seguridad).

🔄 Flujo de la Aplicación

  1. Entrada: El usuario ingresa el nombre de un medicamento en la barra de búsqueda (ej: "Aspirin").
  2. Consulta: La app realiza peticiones paralelas a la API de openFDA.
  3. Procesamiento: Los datos JSON se deserializan mediante Serde y se filtran para mostrar los registros más relevantes.
  4. Visualización: Se actualizan dinámicamente los componentes de la interfaz (Tablas de frecuencia, barras de riesgo y tarjetas de alerta).

🚀 Cómo Correr Localmente

Requisitos Previos

  • Tener instalado Rust.

  • Añadir el target de WebAssembly: - rustup target add wasm32-unknown-unknown

  • Instalar Trunk: - cargo install trunk

Ejecución

  1. Clona el repositorio.
  2. En la carpeta raíz, ejecuta:
    trunk serve --open
    
  3. Abre tu navegador en http://localhost:8080.

📚 Librerías Principales (Dependencies)

  • leptos: Framework de UI.
  • serde & serde_json: Manejo de datos JSON.
  • gloo-net / reqwest: Cliente HTTP para WASM.
  • console_error_panic_hook: Para depuración de errores en el navegador.

[!NOTE] Esta herramienta es para fines informativos y utiliza datos públicos. No reemplaza el consejo médico profesional.

Top categories

Loading Svelte Themes