Notify - Medicine Reminder App Development by Subhranil MondalNotify - Medicine Reminder App Development by Subhranil Mondal

Notify - Medicine Reminder App Development

Subhranil Mondal

Completed work

Mobile Engineer

React Native Developer

Expo

React Native

TypeScript

Healthcare

Notify - Medicine Reminder App

Notify is a cross-platform mobile application built with React Native and Expo. It helps users manage their medication schedules, receive timely reminders, track medication history, and monitor refills. The app is designed for ease of use, security, and reliability, making it an ideal companion for anyone who needs to take medications regularly.

🚀 Features

Biometric or PIN Authentication: Secure access using Face ID, Touch ID, or PIN.

Medication Management: Add, edit, and delete medications with details like dosage, frequency, duration, and notes.

Smart Reminders: Receive push notifications for each scheduled dose.

Calendar View: Visualize your medication schedule and history on a monthly calendar.

Dose Tracking: Mark doses as taken and view your daily progress.

Refill Tracker: Monitor medication supply and get alerts when it's time to refill.

History Log: Review your medication intake history and clear all data if needed.

Modern UI: Clean, accessible, and responsive design with support for light and dark modes.

🧰 Tech Stack

React Native: Core framework for building native mobile apps using JavaScript and React.

Expo: Toolchain and platform for universal React Native apps (development, build, and deployment).

TypeScript: Strongly-typed language for safer and more robust code.

Expo Router: File-based routing for navigation.

AsyncStorage: Local storage for persisting medication and dose data.

Expo Notifications: Push notification scheduling and handling.

Expo Local Authentication: Biometric authentication (Face ID, Touch ID, etc.).

@react-native-community/datetimepicker: Native date and time pickers.

Ionicons: Icon library for consistent UI.

Jest & jest-expo: Testing framework for unit and integration tests.

React Native Reanimated: Smooth and performant animations.

Expo Linear Gradient & Blur: Visual effects for modern UI.

📱 Screens & Navigation

Splash Screen: Animated intro with app branding.

Authentication: Biometric or PIN login for security.

Home: Daily progress, quick actions, and today's medications.

Add Medication: Form to add new medications with reminders and refill options.

Calendar: Monthly view of medication schedule and dose history.

History: Log of all taken doses and option to clear data.

Refills: Track and record medication refills.

🛠️ Getting Started

Prerequisites

Node.js (v16 or newer recommended)

Yarn or npm

Expo CLI: npm install -g expo-cli

Installation

Clone the repository:

git clone <repo-url>
cd Notify/

Install dependencies:

yarn install
# or
npm install

Start the development server:

yarn start
# or
npm start
# or
expo start

Run on your device or emulator:

For Android: yarn android or expo start --android

For iOS: yarn ios or expo start --ios

For Web: yarn web or expo start --web

🗂️ Folder Structure

  app/                # App screens and navigation
  assets/             # Images, fonts, and static assets
  components/         # Reusable UI components
  constants/          # App-wide constants (e.g., colors)
  hooks/              # Custom React hooks
  utils/              # Utility functions (storage, notifications)
  scripts/            # Project scripts (e.g., reset-project.js)
  package.json        # Project metadata and dependencies
  app.json            # Expo app configuration
  tsconfig.json       # TypeScript configuration
  yarn.lock           # Dependency lockfile