Medly – Medicine and Temper Tracker iOS App Template
Medly is an entire, production-ready medicine monitoring app for iOS. It helps customers observe day by day and as-needed (PRN) medicines, run timed temper check-ins, and see how their medicine actually impacts them by way of weekly pattern charts, adherence streaks and a PRN effectiveness abstract. The app ships as a React internet app wrapped in a local iOS shell with Capacitor, together with in-app subscriptions, native notifications and a Firebase backend.
Demo Directions
Demo login: e-mail [email protected] – password demo123. Alternatively, faucet the “Discover the demo account” button on the login display. The demo account works totally offline (no Firebase setup wanted) and comes pre-loaded with three weeks of practical pattern knowledge: medicines, dose logs, temper check-ins and populated pattern charts. All demo knowledge is fictional and is saved solely in your gadget; signal out from Settings to go away demo mode.
To construct the app from supply with actual person accounts, a free Firebase venture is required – setup takes about 10 minutes:
- Create a free Firebase venture at firebase.google.com
- Allow Electronic mail/Password authentication and Cloud Firestore
- Paste your Firebase config into one file: src/lib/firebase.js
- Run npm set up, npm run construct, then npx cap sync ios – full steps are in documentation.html
Exterior service value warning: this app depends on Firebase (a third-party Google service). Firebase’s free Spark plan is adequate for growth and small-scale use, but when your utilization grows otherwise you allow paid options, Firebase might incur extra costs. These potential exterior prices are not coated by the acquisition value of this merchandise and are the client’s accountability.
Apple Developer Program: publishing the app and managing its in-app subscriptions requires a paid Apple Developer Program membership (US$99/12 months). This annual payment is not coated by the acquisition value and is the client’s accountability.
The whole lot the App Does
- 14-step onboarding stream with demographic questions, medicine classes, targets, instructional screens, enroll / register, paywall and notification permission step
- Each day medicine monitoring with checkbox-style dose logging, undo and a number of scheduled occasions per day
- PRN (as-needed) medicine fast logging with customized dose and time
- Automated post-PRN check-in reminder, due 30/45/60 minutes after a PRN dose (configurable)
- 5-step day by day temper check-in: temper, anxiousness, focus, psychological readability and stress sliders plus notes
- 3-step post-PRN check-in: emotion picker, PRN impact comparability (higher / similar / worse) and notes
- Medicine wizard: guided multi-step add stream with dose, unit, schedule occasions, reminder offset and begin date
- Medicine administration: edit, deactivate and delete medicines with full dose historical past
- House dashboard: 15-day streak counter, weekly adherence (7/7 days), week calendar strip with logged-day dots and week navigation
- Developments display: weekly space charts with metric selector (Temper, Anxiousness, Focus, Psychological Readability, Stress), enhancing / declining indicators and PRN check-in abstract (Higher / Identical / Worse counts)
- Insights display: week-over-week navigation with temper charts and medicine dose overlay bars
- Impact Curve display: visible onset / peak / wear-off timeline for fast-acting medicines
- Timeline display: mixed chronological feed of medicine logs and temper check-ins with sort filtering
- Native notifications: day by day medicine reminders with configurable offset, scheduled check-in occasions (as much as 5 per day) and lazy permission request
- In-app subscriptions: 3-day free trial paywall, weekly and annual plans, StoreKit 2 by way of native purchases, restore purchases, subscription standing in settings
- Settings: notification toggle, check-in occasions editor, subscription administration, JSON knowledge export, signal out, account deletion and disaster assets
- Streaks, empty states with blurred chart previews, loading states, toasts and Framer Movement animations all through
- Heat darkish theme with terracotta accent, customized app icon included
Know-how
- React 18 + Vite (internet app)
- Capacitor 8 (native iOS shell, App Retailer prepared)
- Firebase Auth + Cloud Firestore (free tier pleasant backend)
- TanStack Question v5 (knowledge fetching and caching)
- React Router v6
- Tailwind CSS + shadcn/ui elements
- Recharts (pattern charts)
- Framer Movement (animations)
- @capacitor/local-notifications (reminders)
- @capgo/native-purchases (StoreKit 2 subscriptions)
- Deployment goal: iOS 17.0
What the Purchaser Will get
- Full React + Capacitor supply code for the iOS app
- Xcode venture able to construct and undergo the App Retailer
- Full documentation.html with setup, configuration, re-theming and App Retailer submission information
- All preview screenshots
- Free updates to this template
AI Disclosure
In accordance with Envato’s AI disclosure coverage: parts of this template’s supply code, documentation and preview photos have been generated with AI-assisted instruments. All code has been human-reviewed, examined and is offered as a completely working template.
Please observe: it is a supply code template, not a compiled app. Fundamental Xcode and command line data is required to construct, customise and submit the app. This app is a monitoring software and doesn’t present medical recommendation.
