医療のテンプレート

CareLink Healthcare App

A patient app for a clinic network: find a specialist and book a free time, order pharmacy basics for delivery, request an ambulance and follow your vitals between visits.

20画面
iOS & Android
Cloudflare が必要
2026年10月19日更新
検証済みリリース
1件のコピー

無料でコピー · ソース全体 · クレジットカード不要

画面

実際に動作するアプリの6画面。

含まれる内容

Your next visit up front, with directions and reschedule
Doctor directory by specialty with real free times to book
Pharmacy catalog with cart, delivery address and same-day delivery
Ambulance request with pickup address and a confirm step
Reports with blood pressure, heart rate and weight over time
Works on sample data until your clinic's backend is connected

このテンプレートについて

Overview

CareLink is a React Native patient app for a clinic network. Home leads with the next visit, then quick ways to book a visit, order from the pharmacy, see reports or request an ambulance.

It opens on sample data so every screen works when you fork it: a cast of clinicians with free times that start today, one upcoming and two past visits, a pharmacy catalog and a sample clinic record. Point it at your clinic's backend (a Cloudflare Worker URL under Server) and the same screens read your doctors, products and records.

Key features

Next visit — The upcoming appointment as the hero, with the doctor, the clinic, directions and reschedule.
Find a doctor — Search by name, specialty or practice; each doctor shows a rating, distance and the next free times.
Book a visit — In person or video, a day strip and morning and afternoon slots that never offer a time already past.
Pharmacy — Categories, product pages with how to use, and a cart that asks for the delivery address and contact before the order.
Ambulance — Pickup address on a map, what is happening, and a clear red request with a confirm step.
Reports and updates — Blood pressure, heart rate and weight trends, lab results, and updates grouped by day.

Screens included

Welcome and account

Welcome
Onboarding
Sign in
Sign up

Care

Home
Find a doctor
Doctor detail and booking
Appointments
Reports
Updates

Pharmacy and transport

Pharmacy
Product detail
Cart
Ambulance

Profile and help

Profile
Card or cash on delivery
Questions
About
Privacy policy
Terms of use

Built with

Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.
Backend — A Cloudflare Worker for doctors, bookings, pharmacy orders, ambulance requests and records; the endpoints are listed in the README.
Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.
Settling up — Pharmacy orders are settled by card or cash on delivery and visits at the clinic; nothing is charged in the app.

Good fit for

Clinic networks offering booking, pharmacy and transport in one app
Telehealth and specialist practices with in-person and video visits
Healthcare startups building a patient-facing app

healthcaretelemedicinedoctorspharmacyambulancereact nativeexpopatient app

含まれるもの

ソース全体 — TypeScript の Expo と React Native。ワークスペース内のアプリとして届きます。
ライブプレビュー — 変更をブラウザやスマートフォンですぐ確認できます。
検証済みリリース — コンパイルでき、すべての画面がエラーなく開きます。
AI アシスタント — チャットで何でも変更できます。変更ごとにクレジットを使います。
ビルドとストアへのアップロード — iOS と Android のビルドを、公開から App Store と Google Play に送れます。
コピーにクレジット不要 — コピー自体は無料です。

以前のバージョンの FluxNative で作られています。コピーはそのまま動きます。アプリの言語や通貨、概要リンクが必要になったら、エージェントに更新を頼んでください。

必要なもの

FluxNative アカウント — Free プランはアプリを2つまで持てます。
独自の Cloudflare — あなたのデータ用です。それまではサンプルデータで動きます。
Creator 以上 — ネイティブビルドとストアへのアップロード用です。
ストアアカウント — 公開には Apple Developer Program（年額 99 米ドル）と Google Play（1回 25 米ドル）が必要です。

ソースに含まれるもの

画面: 20
ファイル（コピーに含まれる）: 324
行（このアプリのために書かれたコード）: 4,890
個の既製 UI コンポーネント: 127

アプリのテキスト: 英語、ベトナム語

技術スタック

Expo SDK: 57.0.22
React Native: 0.86.3
React: 19.2.8
TypeScript: 6.0.3
Expo Router: 57.0.21

このリリースの package.json より。

デザインシステム

見出し: システムフォント
本文: システムフォント

ライト・ダーク両対応
Liquid Glass
カプセル型ボタン
フラットなカード

フォーク後のセットアップ

コピーは、それを作った AI アシスタントと一緒に開きます。手順を順に進めてください。手順が求めるものは Server で接続し、各プロンプトを送ります。

Connect your clinic API on Cloudflare
Add your Cloudflare account under Server › Backend › Cloudflare first. Your copy has no clinic API of its own yet; until one is deployed, CareLink runs on sample doctors, products and records kept on the device.
AI へのプロンプト
Cloudflare is connected under Server. Build and deploy a Worker with D1 storage for the API listed in the README (sign-in, doctors and their free times, appointments with cancel, pharmacy products, cart and checkout with a delivery address, ambulance requests, reports, notifications, articles, FAQs and profile), seed it with a few doctors and products, put its URL in EXPO_PUBLIC_WORKER_URL, and check every screen loads from it.
Add your doctors and pharmacy
Prepare your clinicians with their specialties and visit hours, and your pharmacy products with prices and photos. Attach them as a spreadsheet and images to the message.
AI へのプロンプト
Use the attached doctors, specialties, visit hours and pharmacy products as the app's data: load them into my clinic API and replace the sample clinicians, products, articles and FAQs everywhere they appear. Set free delivery from [your free-delivery amount].
Set your app icon
Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.
AI へのプロンプト
I set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.
Write your copy and legal pages
Prepare your clinic's wording, ambulance service area, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace before you publish.
AI へのプロンプト
Replace the sample clinic wording with mine: [your copy]. Say where the ambulance service runs: [your service area]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms], and set the support contact to [your support email].
Check and publish a build
Book a visit, order from the pharmacy, request an ambulance and open Reports on a phone, then build for the stores from Publish.
AI へのプロンプト
Run a final check of every screen in light and dark mode: onboarding, sign-in, Home, doctors and booking, appointments, pharmacy, cart and checkout, ambulance, reports, updates and profile. Fix anything broken or still showing template content, then get the app ready for a store build.

このテンプレートの使い方

テンプレートを使うと、ソースコード付きの編集できるコピーがワークスペースに作られます（テンプレート）。
変えたいことを AI アシスタントにふだんの言葉で頼みます（アシスタントと作業する）。
変更はライブプレビューやスマートフォンで確かめます（プレビュー）。
Creator 以上のプランで、iOS と Android 向けにビルドしてストアに提出します（公開の概要）。

ライセンスとサポート

ライセンス

あなたのために作られたアプリはあなたのものです。テンプレートのコードは InspireUI に帰属し、あなたのアプリで使うためにライセンスされます（利用規約 › 当社の知的財産）。

ヘルプ

テンプレート、アシスタント、公開のガイド。
ヘルプからサポートに問い合わせ。通常1〜2営業日以内に返信します。
コピーでは、どの画面やファイルでも AI アシスタントに聞けます。

FluxNative 制作

サポートポリシー

質問

無料ですか？

無料テンプレートのコピーはクレジットも含め無料です。Premium はウェブサイトごとに1回の購入です。チャットでの変更とビルドにはクレジットを使います。

何を所有しますか？

あなた向けに作られたアプリはあなたのものです。テンプレートのコードは InspireUI のもので、あなたのアプリで使うライセンスが付与されます（利用規約 › 当社の知的財産）。

コードの知識は必要ですか？

いいえ。普通の言葉でアシスタントに変更を頼めます。必要ならソース全体も使えます。

バックエンドは付属しますか？

いいえ。完全なアプリは必要なバックエンドを示し、サーバーで自分のものを接続します。デザインはサンプルデータで動きます。

デザインは変更できますか？

はい。デザインタブでブランドカラー、色、フォント、角をクレジットなしで設定できます。残りはアシスタントが変更します。

公開にはどのプランが必要ですか？

Creator 以上で、ご自身の Apple と Google のアカウントでビルドとストアへのアップロードができます。Premium テンプレートのアプリは、ウェブサイトを接続すればどのプランでもビルドできます。

ソースをダウンロードできますか？

はい。ワークスペースでプラン、クレジット、有料テンプレートのいずれかを購入済みなら、ソースをダウンロードまたは GitHub にプッシュできます。Premium テンプレートのアプリはウェブサイトの接続も必要です。

以前の FluxNative で作った場合は？

コピーはそのまま動きます。アプリの言語や通貨などの新機能に更新するにはアシスタントに頼んでください。最後のセットアップ手順です。

自分のアプリにしてみませんか？

CareLink Healthcare App から始めて、チャットで何でも変更できます。コピーには完全なソースコードが含まれます。

無料でコピー。クレジットカード不要。