Demical – Medical Center React Native App | EXPO 50.0.2 | TypeScript | Redux Store

p>Demical provides a production-ready mobile frontend application template tailored for clinics, digital health platforms, and telehealth services. Built on Expo 50.0.2 with TypeScript, this UI codebase contains 35 ready-made screen layouts covering patient registration, practitioner search, appointment booking, and diagnostic test management.

Designed specifically for mobile developers and software agencies building healthcare applications on iOS and Android, Demical accelerates project delivery through structured .tsx functional components, SVG asset integration, and Redux Toolkit state persistence. It is best suited for engineering teams planning to connect a custom backend API (such as Laravel Orchid) to a cross-platform mobile interface, but it is not intended for non-technical users seeking a codeless application builder.

Technical Specifications

Core Attribute	Specification Detail
SDK & Core Engine	Expo 50.0.2 / React Native 0.73.2
Language & File Format	TypeScript (.tsx)
State Management	Redux Toolkit 2.0.1 with Redux Persist 6.0.0
React Engine	React 18.2.0
Screen Templates	35 Complete UI Screens (2 Homepage Layouts)
Design Assets Included	Figma Source File, SVG Vector Icons
Typography	Domine & Nunito Sans (Google Fonts)
Platform Support	iOS & Android Support

Architecture & Included Screen Templates

The codebase relies exclusively on modern React hooks and functional component design patterns. Assets are optimized using SVG rendering via react-native-svg and progressive image caching to maintain fluid frame rates across middle-tier and flagship mobile devices.

Key Screen Flow Highlights

• Authentication & Profile Setup: Onboarding steps (1-3), Sign In, Password Recovery, Account Creation, Phone Verification, and Confirmation Code screens.
• Provider Directory & Discovery: Dual homepage configurations, Category exploration, Doctor Lists (V1 & V2), Advanced Filters, Sorting Popups, and detailed Doctor Profiles with biography and user reviews.
• Booking & Diagnostics: Interactive appointment scheduling screens, booking confirmation states, notifications, inbox messaging, and diagnostics/lab testing lists.
• Account Management: Profile editing, persistent bookmarked doctors, appointment histories, test results view, custom burger menu, privacy policy, and FAQ screens.

State Management & Persistence

Demical incorporates Redux Toolkit alongside Redux Persist. Local app state—including items saved to a patient wishlist, active booking drafts, or ongoing user preferences—remains intact even when the user closes or restarts the mobile application.

Deployment Commands

To initialize and build the application locally, run the standard CLI commands below:

• npm install — Installs all project dependencies.
• npx expo run:android — Compiles and launches the Android development build.
• npx expo run:ios — Compiles and launches the iOS development build.

Backend & API Readiness

The frontend application is structured for simple API integration. Developers can mirror RESTful request patterns (such as Laravel/Orchid backends) using Axios HTTP calls paired with Bearer Token header authentication tested via Postman.

Frequently Asked Questions

Does Demical require native development builds or can it run in standard Expo Go?

Because Demical integrates dependencies like react-native-orientation-locker and native screen handlers, developers should build local development binaries using npx expo run:android or npx expo run:ios rather than the basic Expo Go sandbox app.

Is the UI design file included for custom branding?

Yes, the package includes the full Figma design file, enabling product designers to update color schemes, typography, and component hierarchies before handing assets over for production compilation.

Are TypeScript types fully declared across all components?

All component files utilize standard .tsx formatting, providing strict typing across navigation stacks, props, and Redux store state slices to reduce runtime errors during development.