José.Montero Volver al portfolio

Proyecto personal · Desarrollo móvil · Flutter

Medical Education App

Aplicación móvil multiplataforma desarrollada con Flutter y Dart para consultar programas de formación médica, explorar contenidos y acceder a información procedente de distintas plataformas WordPress.

Tecnologías

FlutterDartProvidergo_routerWordPress REST APIDeep LinkingWebViewInternacionalización

El proyecto

Del problema a una solución útil.

Medical Education App nació como una iniciativa personal para profundizar en Flutter y explorar cómo trasladar una plataforma de formación médica existente a una experiencia móvil. La aplicación integra datos reales de dos instalaciones independientes de WordPress mediante sus APIs REST, incorpora navegación mediante Deep Links, internacionalización dinámica y un navegador integrado. Tras desarrollar la prueba de concepto, se presentó como propuesta a un potencial cliente para valorar su continuidad.

Aplicación móvil multiplataforma desarrollada con Flutter y Dart.
Integración de datos procedentes de dos instalaciones independientes de WordPress.
Consulta de programas educativos, contenidos y eventos mediante APIs REST.
Búsqueda y filtrado de contenidos por áreas terapéuticas y tipos de programa.
Precarga inicial de áreas terapéuticas y tipos de programas para su reutilización en filtros y etiquetas.
Gestión del estado de la aplicación mediante Provider.
Navegación entre pantallas mediante go_router.
Soporte de Deep Links para abrir contenidos directamente desde enlaces web, con alternativa de acceso a la web.
Cambio dinámico de idioma sin necesidad de reiniciar la aplicación.
Soporte de temas claro y oscuro.
Navegador integrado para consultar contenidos web sin abandonar la aplicación.
Interfaz preparada para visualizar notificaciones dentro de la aplicación.
Pantallas de perfil de usuario y configuración de preferencias.

Arquitectura e integración

Una aplicación móvil conectada a dos plataformas WordPress.

La aplicación está desarrollada con Flutter y Dart y consume información de dos instalaciones independientes de WordPress mediante APIs REST. Una proporciona programas educativos, contenidos y datos de clasificación; la otra suministra información sobre eventos. Provider se utiliza para gestionar el estado, mientras que la precarga de áreas terapéuticas y tipos de programa permite reutilizar información de referencia en distintas pantallas.

Navegación y Deep Linking

Una experiencia conectada entre la web y la aplicación.

La navegación se organiza mediante go_router y contempla la apertura directa de contenidos desde enlaces web. Cuando un usuario accede a una URL compatible, la aplicación puede dirigirlo a la pantalla correspondiente, manteniendo la versión web como alternativa. Además, el navegador integrado permite consultar contenido externo sin interrumpir la experiencia móvil.

Internacionalización y experiencia de usuario

Una interfaz adaptable al idioma y las preferencias del usuario.

La aplicación incorpora soporte para varios idiomas, con posibilidad de cambiar el idioma durante la sesión sin reiniciar la aplicación. La interfaz también contempla temas claro y oscuro, navegación por categorías, búsqueda con filtros, perfiles y preferencias de usuario. Se diseñó asimismo una interfaz para representar notificaciones recibidas durante el uso de la aplicación.

Origen del proyecto

De una iniciativa personal a una propuesta de producto.

El desarrollo comenzó como un proyecto personal para experimentar con Flutter y aplicar conocimientos de desarrollo móvil sobre una plataforma existente. A medida que avanzó, se convirtió en una prueba de concepto con integraciones reales y funcionalidades propias de una aplicación móvil. Posteriormente se presentó a un potencial cliente como propuesta, aunque no llegó a convertirse en un producto comercial.

Dentro del producto

Experiencia móvil

06 vistas
Pantalla de inicio de sesión de la aplicación móvil
01 — Pantalla de inicio de sesión de la aplicación móvil
Pantalla principal con programas y contenidos de formación médica
02 — Pantalla principal con programas y contenidos de formación médica
Centro de notificaciones de la aplicación móvil
03 — Centro de notificaciones de la aplicación móvil
Filtros de búsqueda por áreas terapéuticas y tipos de contenido
04 — Filtros de búsqueda por áreas terapéuticas y tipos de contenido
Perfil de usuario de la aplicación móvil
05 — Perfil de usuario de la aplicación móvil
Pantalla de configuración de idioma y preferencias del usuario
06 — Pantalla de configuración de idioma y preferencias del usuario

Siguiente caso

Banda Juan Mohedo

Ver proyecto