Inspiration

This project was inspired by a brother who works as a cupping and therapeutic therapist. Every day, he manually documents each therapy session—writing patient details by hand and marking cupping points on paper prescriptions. Managing 8 to 10 patients daily, this process takes a significant toll on his time and energy. Witnessing his effort made me think: what if we could shift his workflow from “pen and paper” to a more efficient “click and type” system? That simple idea sparked the vision for this platform—to ease his burden and bring digital simplicity to his practice.

What it does

This app streamlines cupping therapy by offering four core features:

  1. Appointment Booking: Patients can easily book sessions using a simple form and a Sunnah-aware calendar that highlights recommended Islamic dates and days.
  2. Interactive 2D Anatomy Tool: Therapists can visually select cupping points on a human body model from different views (face, front, back, arms, legs), enhancing accuracy and ease of use.
  3. Patient Records Management: Stores basic patient details and medical history (e.g., diabetes, hypertension) for better tracking and care.
  4. Prescription Management: Automatically generates PDF prescriptions with selected cupping points and aftercare instructions, ready for download and sharing.

How we built it

The development began with drafting a detailed document outlining the vision for the Cupping Therapy App. I listed all the possible features that could meaningfully reduce the manual workload my brother faced in his daily practice. The goal was to bridge that gap with a practical digital solution. To refine the concept, I used AI tools to brainstorm, draft, and improve feature descriptions—this iterative process took up most of the time. Due to a busy schedule, I couldn't complete every planned feature as initially envisioned. However, I focused on building the core, most essential modules—staying true to the MVP (Minimum Viable Product) approach. This allowed me to deliver a working foundation that meets the most critical needs first.

Challenges we ran into

One of the major challenges was preparing clear and comprehensive documentation, which took more time than expected. Building the app itself was time-consuming, especially when working on longer and more complex modules. I often ran into token limits while using AI tools, which interrupted progress during critical development stages. Additionally, I had to avoid using certain third-party APIs that could have enhanced functionality, but they introduced added complexity and cost—most of them were paid services, which didn't align with the initial MVP goals.

Accomplishments that we're proud of

We’re proud to have successfully developed two core modules that form the backbone of the Cupping Therapy App:

Interactive 2D Human Anatomy Model: This feature allows therapists to accurately select cupping points across five detailed body views—Face, Front, Back, Arms, and Legs. Built using Konva.js, the interface supports intuitive tap-to-select interaction, persistent selections across views, and educational tooltips. It transforms traditional cupping diagrams into a dynamic, user-friendly experience that enhances both accuracy and learning.

Sunnah-Aware Patient Appointment Booking Calendar: A clean and flexible scheduling system that guides patients with visual cues for Sunnah-recommended days (Monday, Tuesday, Thursday) and dates (17th, 19th, 21st of the month). Using FullCalendar.js, it balances tradition with modern convenience by offering fixed hourly slots (9:00 AM – 7:00 PM) while allowing full freedom to choose any date—making the process efficient yet respectful of spiritual practice.

Together, these modules reflect the core vision of the app: simplifying therapeutic workflows while honoring meaningful traditions.

What we learned

This project was a clear reminder of the remarkable revolution AI has brought to our lives. In particular, the rise of intelligent coding tools gave form to my imagination—turning abstract neuro-thinking into executable binary-blinking. It showed me how creativity, when combined with the right technology, can bridge the gap between vision and reality.

What's next for Cupping Therapy Guide

With the core MVP successfully developed, the next phase of the project focuses on enhancing functionality and user experience through several advanced features that were intentionally deferred to maintain clarity and speed in the initial build.

Planned future developments include:

Enhanced Prescription Management: Introducing visual representations of selected cupping points embedded directly into the PDF prescriptions, along with a rich-text editor for therapists to write detailed, custom aftercare notes.

Advanced Therapist Dashboard: Adding dynamic summary cards showing metrics like total active patients, session trends, and pending prescriptions. A more intuitive patient management interface—such as grid-based quick access views—is also in the pipeline.

Automated Notifications: Real-time system alerts for appointment updates, session reminders, and prescription actions to improve responsiveness and communication.

Smarter Patient Filtering: Expanding beyond basic search to include filters based on last session dates, specific medical conditions, and more, enabling therapists to manage their patient load more efficiently.

These upcoming features are designed to evolve the platform from a functional MVP to a full-scale digital companion for cupping therapy practitioners—enhancing both clinical precision and operational ease.

Built With

  • fullcalendar.js
  • konva.js
  • pdfmake
  • react.js
  • tailwind
Share this project:

Updates