{"id":22772467,"url":"https://github.com/chenbingwei1201/medicationtrackingapp","last_synced_at":"2026-04-09T13:54:25.677Z","repository":{"id":269824922,"uuid":"904033682","full_name":"ChenBingWei1201/MedicationTrackingApp","owner":"ChenBingWei1201","description":"This is the final project of Networking and Multimedia Lab in NTUEE. We use MediaPipe to track the user's medication intake with Pi cam and store the data into Supabase. We also build this app with React Native Expo Router to display the user's medication history and remind the user to take their medication between the time intervals he/she sets.","archived":false,"fork":false,"pushed_at":"2024-12-30T10:57:50.000Z","size":2936,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T14:17:31.207Z","etag":null,"topics":["android","expo","ios","mediapipe","nativewind","opencv","pi-camera","python3","raspberry-pi","raspberry-pi-4","raspberrypi","react-native","supabase","tailwindcss","tanstack-react-query","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ChenBingWei1201.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-16T06:01:06.000Z","updated_at":"2024-12-30T10:57:54.000Z","dependencies_parsed_at":"2024-12-26T13:24:57.001Z","dependency_job_id":"2736c1a4-d5a1-4474-ad5e-d765c9bae8ed","html_url":"https://github.com/ChenBingWei1201/MedicationTrackingApp","commit_stats":null,"previous_names":["chenbingwei1201/medicationtrackingapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChenBingWei1201%2FMedicationTrackingApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChenBingWei1201%2FMedicationTrackingApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChenBingWei1201%2FMedicationTrackingApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChenBingWei1201%2FMedicationTrackingApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChenBingWei1201","download_url":"https://codeload.github.com/ChenBingWei1201/MedicationTrackingApp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246318046,"owners_count":20758081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","expo","ios","mediapipe","nativewind","opencv","pi-camera","python3","raspberry-pi","raspberry-pi-4","raspberrypi","react-native","supabase","tailwindcss","tanstack-react-query","typescript"],"created_at":"2024-12-11T17:08:38.851Z","updated_at":"2025-12-30T19:26:33.589Z","avatar_url":"https://github.com/ChenBingWei1201.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eMedicationTrackingApp\u003c/h1\u003e\n\n![License](https://img.shields.io/badge/license-MIT-blue)\n\nThis is the final project of Electrical Engineering Lab (Networking and Multimedia) in NTUEE. We use MediaPipe to track the user's medication intake with Pi cam and store the data into Supabase. We also build this app with React Native Expo Router to display the user's medication history and remind the user to take their medication between the time intervals he/she sets. Feel free to give us a star (❁´◡`❁). Your support is our energy to create better projects! [Live demo](https://drive.google.com/drive/folders/16iHki0Dm4yHXm4xOsHz8CBZsnXuHVqFX?usp=sharing)\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🤖 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n5. 🚀 [Reference](#reference)\n\n## \u003ca name=\"introduction\"\u003e🤖 Introduction\u003c/a\u003e\n\n### Our Idea\n\n#### Flow\n\n![flow](/assets/images/flow.png)\n\n#### Medication-taking posture not triggered\n\n![no](/assets/images/no.png)\n\n#### Successfully triggered the medicine-taking posture\n\n![yes](/assets/images/yes.png)\n\n#### Schema\n\n![schema](/assets/images/schema.png)\n\n#### App Interface\n\n![app](/assets/images/app.png)\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- React Native Expo\n- Tanstack Query\n- TypeScript\n- Tailwind CSS/Nativewind\n- Supabase\n- MediaPipe\n- OpenCV\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **Robust Authentication**: Secure and reliable user login and registration system with Supabase authentication. Password will be hashed before stored in Supabase.\n\n👉 **Medication Tracking**: Use MediaPipe to track the user's medication intake and store the data into Supabase.\n\n👉 **Medication Reminder**: Create a new notification in Supabase and remind the user to take medication simultaneously.\n\n👉 **Medication Logs**: Store the user's medication logs in Supabase and display it the app simultaneously.\n\n## \u003ca name=\"quick-start\"\u003e🤸 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en) (node version higher than v20._._)\n- [pnpm](https://pnpm.io/)\n- [Android Studio](https://developer.android.com/studio) or [Xcode](https://developer.apple.com/xcode/)\n- [Python](https://www.python.org/downloads/)\n- [pip](https://pip.pypa.io/en/stable/installation/)\n\n### 1. Cloning the Repository\n\n```bash\ngit clone https://github.com/ChenBingWei1201/MedicationTrackingApp.git\ncd MedicationTrackingApp\n```\n\n### 2. Install the project dependencies\n\n```bash\n# MedicationTrackingApp\npnpm i\n```\n\n### 3. Set Up Environment Variables\n\n```bash\n# MedicationTrackingApp\ncp .env.development .env.local\n```\n\nin .env.local\n\n```env\n# Supabase\nEXPO_PUBLIC_SUPABASE_URL=\nEXPO_PUBLIC_SUPABASE_ANON_KEY=\n```\n\nReplace the placeholder values with your actual Supabase credentials. You can obtain these credentials by signing up on the [Supabase](https://supabase.com/dashboard/projects) website.\n\n### 4. Running the app\n\n- Android (android studio must be installed)\n\n```bash\n# MedicationTrackingApp\npnpm android\n```\n\nit will open the app in android emulator\n\n- iOS (xcode must be installed)\n\n```bash\n# MedicationTrackingApp\npnpm ios\n```\n\nit will open the app in ios simulator\n\n### 5. Running the MediaPipe Model to track the user's medication intake\n\nread the [README.md](./mediapipe/README.md) in the `mediapipe` folder\n\n## \u003ca name=\"reference\"\u003e🚀 Reference\u003c/a\u003e\n\n- [Expo](https://docs.expo.dev/get-started/create-a-project/)\n- [React Native Full 8 Hours Course (Expo, Expo Router, Supabase)](https://youtu.be/rIYzLhkG9TA?feature=shared)\n- [Tanstack Query](https://tanstack.com/query/latest/docs/framework/react/overview)\n- [Supabase](https://supabase.com/docs/guides/getting-started/tutorials/with-expo-react-native)\n- [Nativewind](https://www.nativewind.dev/getting-started/expo-router)\n- [MediaPipe](https://ai.google.dev/edge/mediapipe/solutions/vision/gesture_recognizer/python)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenbingwei1201%2Fmedicationtrackingapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchenbingwei1201%2Fmedicationtrackingapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenbingwei1201%2Fmedicationtrackingapp/lists"}