🏥 Hospifyy – Real-Time Hospital Resource Platform

Website: https://hospifyy.netlify.app


🚀 Inspiration

The spark for Hospifyy came from witnessing the chaos during medical emergencies, where families struggled to locate hospital beds, oxygen, or ventilators. Crises like pandemics or natural disasters highlight the lack of centralized and transparent data—delaying life-saving care.

We envisioned Hospifyy as a real-time, transparent, and user-centric solution to empower individuals with critical healthcare information and accelerate access to treatment during emergencies.


🛠️ What It Does

Hospifyy is a web-based platform that centralizes real-time hospital resource data, including:

  • 🔍 Search for nearby hospitals
  • 🛏️ View real-time bed availability (ICU, general ward, etc.)
  • 🚑 Access emergency contacts like ambulances and oxygen suppliers
  • 🖥️ Hospitals update their data through an intuitive interface
  • 🧭 Designed for both public users and healthcare providers

The platform’s focus is on accessibility, clarity, and life-saving transparency.


🧱 How We Built It

🖥️ Frontend

  • Built using React, HTML, CSS, and Tailwind CSS
  • Responsive, blue-and-white healthcare-themed UI
  • Components:

    • HospitalSearch – for finding hospitals
    • ResourceDashboard – displays real-time data

🧪 Backend

  • Used Netlify Functions and mock APIs to simulate real-time hospital data
  • Backend architecture is prepared to scale with live REST APIs

🧰 Design & Testing

  • Wireframes focused on mobile accessibility
  • Followed WCAG guidelines for screen-reader support
  • Conducted feedback loops with testers and medical professionals

🚀 Deployment

  • Hosted on Netlify, optimized for performance and mobile-first access

😓 Challenges We Faced

  • 📡 Real-Time Data Access – due to lack of standardized APIs
  • 📈 Scalability – required optimization under high emergency loads
  • 🛡️ User Trust – built confidence with clean, clear UI
  • Accessibility – implemented ARIA and screen-reader support
  • Time Constraints – prioritized life-critical features first

🏆 Accomplishments We're Proud Of

  • ✅ Functional prototype deployed live on Netlify
  • 📱 Mobile-first, user-tested interface
  • 📊 System designed around data transparency and trust
  • ♿ High WCAG compliance
  • 💬 Positive feedback from healthcare professionals

📚 What We Learned

  • Complexity of non-standardized healthcare data systems
  • Mastery of modern web development tools (React, Netlify, Tailwind)
  • Importance of empathetic, user-first design
  • How to align technical feasibility with real-world needs
  • Value of iteration and user feedback in crisis-focused builds

🔮 What's Next for Hospifyy

  • 🔁 Live hospital data feeds via partnerships
  • 📅 Add appointment booking and ambulance tracking
  • 🌐 Add multilingual support
  • 📱 Launch mobile apps (iOS & Android)
  • 🧠 Integrate AI for predictive resource shortages
  • 📢 Run awareness campaigns for broader adoption

⚙️ Technical Deep Dive

  • Built with React and styled with Tailwind CSS
  • Components:

    • HospitalSearch
    • ResourceDashboard
  • Backend: Netlify Functions (simulated APIs)

  • Accessibility: ARIA roles, keyboard navigation, tested with Lighthouse


🌍 Vision and Impact

Hospifyy aims to revolutionize healthcare access by building a transparent data ecosystem between hospitals and patients. Timely, accurate data saves lives—and Hospifyy is built to deliver that.

Pilot testing is in planning stages, with a vision to scale across India and beyond.


✅ Overcoming Platform-Level Challenges

  • ⏱️ Optimized Netlify's serverless functions and API caching
  • 🧪 Refined dashboard UI with real hospital staff feedback
  • 💡 Designed the system for both emergency and routine use

Contact: *[alok.dadhich22@vit.edu]** We’d love your feedback and support in taking Hospifyy forward.

Built With

  • axios
  • css3
  • eslint
  • figma
  • firebase-(planned)
  • geolocation-api
  • git
  • github
  • hospital-apis-(planned)
  • html5
  • javascript-(es6+)
  • lighthouse
  • mock-api-(netlify-functions)
  • mock-json-based-database
  • mongodb-(planned)
  • netlify
  • netlify-cli
  • netlify-functions
  • node.js
  • prettier
  • react
  • tailwind-css
  • vite
Share this project:

Updates