Demical: Plantilla React Native para Centros Médicos (iOS/Android) con Panel Administrativo (Laravel/Orchid)
Demical es una plantilla de aplicación móvil de vanguardia diseñada para centros médicos. Construida con Expo 50.0.2, TypeScript y Redux, ofrece una solución integral, segura y repleta de funciones para optimizar la experiencia tanto de pacientes como de profesionales de la salud. Compatible con iOS y Android, Demical incluye un potente panel administrativo basado en Laravel y Orchid y un diseño moderno pensado para mejorar la gestión y comunicación en el sector salud.
Características Destacadas de Demical
- Expo 50.0.2: Aprovecha las últimas herramientas de Expo para un desarrollo rápido y multiplataforma.
- Panel Administrativo (Laravel/Orchid): Gestiona citas, médicos, pacientes, especialidades y más con una interfaz intuitiva.
- Componentes Funcionales y React Hooks: Código moderno, eficiente y fácil de mantener.
- Iconos SVG: Gráficos vectoriales escalables que garantizan una alta calidad visual.
- Diseño Figma Incluido: Personaliza la interfaz de usuario según las necesidades de tu centro.
- Compatibilidad iOS y Android: Una base de código unificada para ambas plataformas.
- Estructura Modular: Componentes organizados y de fácil comprensión para agilizar el desarrollo.
- Video Tutoriales Detallados: Aprende a configurar y personalizar la plantilla paso a paso.
- Dos Versiones de Homepage: Selecciona el diseño que mejor represente la identidad de tu centro médico.
- TypeScript (.tsx): Desarrollo seguro con tipado estático para minimizar errores.
- Preloader para Imágenes: Ofrece una experiencia de usuario más fluida y visualmente atractiva.
- Redux y Redux Persist: Maneja el estado de la aplicación de forma eficiente y con persistencia de datos.
- Autenticación Segura: Sistema robusto de registro e inicio de sesión para proteger la información de los usuarios.
- Dashboard para Pacientes: Acceso fácil a historial médico, citas programadas y otros datos relevantes.
- Reserva de Citas: Sistema intuitivo que actualiza la disponibilidad en tiempo real.
Panel Administrativo (Orchid – Laravel)
Administra tu centro médico de forma ágil y segura con un panel administrativo robusto y escalable, desarrollado con Laravel y Orchid.
- Usuario: admin@admin.com
- Contraseña: password
Ventajas de Utilizar Orchid
- Escalabilidad: Se adapta al crecimiento y a las demandas cambiantes de tu centro médico.
- Personalización: Amplias opciones para ajustar la plataforma a tus necesidades específicas.
- Funcionalidad Robusta: Herramientas completas que facilitan la administración diaria.
- Seguridad Avanzada: Integración de funciones de seguridad para proteger los datos sensibles.
- Interfaz Intuitiva: Diseño pensado para usuarios de todos los niveles técnicos.
Acceso a la API (Postman)
Para explorar la API de demostración, utiliza Postman con las siguientes instrucciones:
- Descarga e instala Postman.
- Utiliza el método GET.
- Token de portador (Bearer Token):
aH3KCew1YsWhWqW0tqNU3ndzHb3RdblI
Endpoints Disponibles:
- /api/categories
- /api/doctors
- /api/banners
- /api/promotions
- /api/appointments
- /api/diagnostics
- /api/specialities
Dependencias del Proyecto
A continuación, la lista completa de dependencias utilizadas en Demical:
- «@krosben/react-native-gravatar»: «^0.0.1»
- «@react-native-async-storage/async-storage»: «^1.21.0»
- «@react-navigation/native»: «^6.1.9»
- «@react-navigation/native-stack»: «^6.9.17»
- «@reduxjs/toolkit»: «^2.0.1»
- «axios»: «^1.6.5»
- «expo»: «~50.0.2»
- «expo-status-bar»: «~1.11.1»
- «react»: «18.2.0»
- «react-native»: «0.73.2»
- «react-native-collapsible»: «^1.6.1»
- «react-native-fast-image»: «^8.6.3»
- «react-native-flash-message»: «^0.4.2»
- «react-native-image-progress»: «^1.2.0»
- «react-native-keyboard-aware-scroll-view»: «^0.9.5»
- «react-native-modal»: «^13.0.1»
- «react-native-orientation-locker»: «^1.6.0»
- «react-native-responsive-dimensions»: «^3.1.1»
- «react-native-safe-area-context»: «4.8.2»
- «react-native-screens»: «~3.29.0»
- «react-native-svg»: «^14.1.0»
- «react-native-webview»: «^13.6.4»
- «react-redux»: «^9.1.0»
- «redux-persist»: «^6.0.0»
- «expo-splash-screen»: «~0.26.3»
Tecnologías Utilizadas
- React Native (Expo)
- TypeScript
- Redux (con Redux Persist)
- Laravel (backend del panel administrativo)
- Orchid (panel administrativo)
Comandos Importantes
Para iniciar la aplicación, ejecuta los siguientes comandos:
npm installnpx expo run:androidnpx expo run:ios
Fuentes e Imágenes
- Fuentes: Domine, Nunito+Sans
- Imágenes e Iconos: Freepik, Depositphotos, Unsplash, Flaticon
Pantallas Incluidas
Demical abarca una amplia variedad de pantallas prediseñadas para centros médicos, facilitando la gestión y la comunicación en cada etapa:
- Onboarding (01, 02, 03)
- Inicio de Sesión (04)
- Recuperación de Contraseña (05, 06, 07)
- Registro (08, 09)
- Verificación de Teléfono (10, 11)
- Home (12 – V1, 13 – V2)
- Categorías (14)
- Lista de Doctores (15 – V1, 16 – V2)
- Popup de Ordenación (17)
- Filtros (18)
- Detalles del Doctor (19)
- Biografía (20)
- Reseñas (21)
- Notificaciones (22)
- Inbox (23)
- Agendar Cita (24, 25)
- Diagnósticos y Pruebas (26)
- Mi Perfil (27, 28)
- Menú (29)
- Mis Citas (30)
- Mis Doctores (31)
- Mis Pruebas y Diagnósticos (32)
- Preguntas Frecuentes (33)
- Política de Privacidad (34)
- Cerrar Sesión (35)
Impulsa tu Plataforma de Salud con Demical
Descubre cómo Demical puede transformar la gestión de tu centro médico y elevar la experiencia de atención al paciente. Una solución completa y profesional para el sector salud.
