PulseCoach Inspiration ❤️

Why does PulseCoach exist?

  1. Many people never receive formal CPR training. Even fewer get the chance to practice it regularly.
  2. CPR is often taught once and then forgotten. Without repetition, skills fade over time.
  3. In real emergencies, hesitation is common. People want to help, but they do not feel confident in their timing or technique.
  4. Maintaining the recommended compression rate of 100 to 120 beats per minute is difficult under stress.

PulseCoach was created to address these gaps.

  1. It makes CPR practice accessible and repeatable.
  2. Users can practice rhythm anytime instead of waiting for certification classes.
  3. Real time feedback and visual guidance reduce uncertainty before a real emergency happens.

Our goal is simple:

  1. Reduce hesitation.
  2. Increase confidence.
  3. Make lifesaving practice something anyone can do regularly.

What it does 💡

  1. PulseCoach is an interactive CPR training web application.
  2. Users practice chest compression rhythm in real time.
  3. The app calculates compression speed and provides live beats per minute feedback.

Users can:

  1. Learn what CPR is and why it matters.

  2. Practice compressions in a guided session.

  3. Receive real time BPM analysis.

  4. See a visual heartbeat animation synced to their rhythm.

  5. Get feedback on whether they are too slow, too fast, or within the ideal range.

  6. PulseCoach is designed for everyday people, not just medical professionals.

  7. It builds familiarity and rhythm awareness in a low pressure environment.

Core Features 🔨

  1. Real Time BPM Detection Calculates compression speed dynamically and updates instantly.

  2. Live Heartbeat Visualization A two dimensional heart animation adjusts to match the user’s compression rate.

  3. Target Range Guidance Highlights whether compressions fall within the recommended 100 to 120 BPM range.

  4. Session Summary Displays average BPM and performance feedback after each practice session.

  5. Educational Section Explains what CPR is, when to use it, and why immediate action matters.

  6. Responsive Interface Clean medical inspired design optimized for both laptop demo and mobile compatibility.

How we built it 💻

  1. PulseCoach is built as a full stack web application.

  2. Frontend Built using React and Tailwind CSS to create a clean, responsive interface. Component based architecture ensures scalability.

  3. Real Time Logic JavaScript timing functions track user input intervals and calculate beats per minute dynamically. Careful state management ensures smooth updates.

  4. Backend Node.js with Express powers the API.

  5. Database MongoDB Atlas stores session data and user practice metrics.

  6. The system was designed with responsiveness in mind since delayed feedback would reduce training effectiveness.

Challenges we ran into ❌

  1. Real Time Accuracy Calculating BPM reliably required smoothing timing intervals to prevent inconsistent readings.

  2. Animation Synchronization Keeping the heartbeat animation aligned with live BPM values required optimizing state updates.

  3. MongoDB Atlas Configuration Networking issues, IP whitelisting, and IPv4 versus IPv6 routing caused connection errors.

  4. Frequent State Updates Continuous input events initially caused excessive re renders.

  5. Balancing Medical Clarity and Simplicity We wanted the interface to feel trustworthy without overwhelming users with too much information.

Accomplishments we are proud of 🎊

  1. Interactive Real Time Training PulseCoach actively measures user rhythm instead of passively displaying information.

  2. Smooth Visual Feedback The heart animation dynamically adjusts to user input.

  3. Practical Social Impact Even small increases in CPR confidence can have life saving consequences.

  4. Full Stack Integration Frontend, backend, database, and real time logic work cohesively.

  5. Built in Under 36 Hours We transformed an idea into a functional real time training platform within a hackathon time frame.

What we learned 🤭

  1. Real time systems require careful optimization.
  2. Backend infrastructure and networking matter as much as frontend design.
  3. Health focused UX requires clarity, trust, and emotional sensitivity.
  4. Clear communication and version control discipline are essential for collaboration.
  5. Prioritizing core functionality first ensures stability under time pressure.

What’s next ✈

  1. Computer vision integration to evaluate hand placement and compression depth.
  2. Audio guidance such as a metronome or voice prompts.
  3. Emergency mode with step by step instructions for real scenarios.
  4. Improved mobile optimization for touch based practice.
  5. Performance analytics to track improvement across sessions.
  6. Certification preparation mode aligned with official CPR training guidelines.

Built With

Share this project:

Updates