MediMesh India is an innovative healthcare platform designed to empower affordable healthcare access in India. Built for the Hack4Health 2025 hackathon, MediMesh provides tools for finding affordable PMBJP (Pradhan Mantri Bhartiya Janaushadhi Pariyojana) pharmacies and tracking medication adherence with a world-class, accessible, and User-Friendly UI. 🌍💊
Our mission is to bridge the gap in healthcare accessibility with a seamless, user-friendly experience that prioritizes affordability, adherence, and inclusivity. This project was crafted with ❤️ by our team in just 24 hours!
- Pharmacy Finder: Search for PMBJP pharmacies by location, displaying affordable medication options in a glassmorphic, neon-accented UI.
- Adherence Tracker: Set medication reminders, track progress with animated progress bars, and earn gamified points for adherence.
- User-Friendly UI: Futuristic design with neon blue (#3b82f6) and green (#34d399) accents, glassmorphic cards, dark gradient backgrounds, and smooth Framer Motion animations.
- Accessibility for Specially abled: High-contrast (>4.5:1), large text/buttons (1.5rem+, 48x48px+), Text-to-Speech (TTS) via Web Speech API, aria labels, and
prefers-reduced-motionsupport for WCAG compliance. - Responsive Design: Optimized for desktop and mobile devices with Tailwind CSS.
- Frontend: React, TypeScript, Vite
- Styling: Tailwind CSS, glassmorphism
- Animations: Framer Motion
- Icons: Lucide React
- Accessibility: Web Speech API for TTS, aria labels
- Data: JSON-based drug database (
drugs.json)
🎥 Screen Recordings: Ready for Hack4Health submission! Watch our demo videos showcasing the Pharmacy Finder and Adherence Tracker in action.
1. Enter Precsription to the APP
Screen.Recording.2025-07-16.at.8.39.44.AM.mp4
2. Medication Adherence Tracker
Screen.Recording.2025-07-16.at.8.40.33.AM.mp4
3. AI Analysis and Report Generation of Medication Adherence
Screen.Recording.2025-07-16.at.8.42.00.AM.mp4
4. Adherence Circle (Family/Health Groups)
Screen.Recording.2025-07-16.at.8.41.06.AM.mp4
5. Find Nearby BMPJP Kendras and Medical Stocks
Screen.Recording.2025-07-16.at.8.41.31.AM.mp4
- Node.js (v18 or higher)
- npm (v9 or higher)
- Git
- Clone the repository:
git clone https://github.com/Inbaselvan-ayyanar/hack4health.git
Navigate to the project directory:cd hack4health/my-react-app
Install dependencies:npm install
Run the development server:npm run dev
Open http://localhost:5173 in your browser to explore MediMesh!
Build for Production npm run build npm run preview
🎨 Design Highlights
Theme: Dark gradient background (linear-gradient(135deg, #1a1a1a, #2a2a2a)) with neon blue (#3b82f6) and green (#34d399) accents.
Glassmorphism: Semi-transparent cards with backdrop-filter: blur(12px) for a modern, sleek look.
Animations: Parallax entries, staggered list reveals, glowing buttons, and progress bar transitions via Framer Motion.
Typography: Inter font (400, 600, 800 weights) for readability and elegance.
Accessibility: High-contrast colors, large interactive elements, TTS feedback, and reduced-motion support.
For more details, see UI_SKETCH.md.
🏆 Hack4Health 2025
Built for the Hack4Health 2025 hackathon (July 15–16, 2025), MediMesh addresses affordable healthcare access in India by integrating PMBJP pharmacy data and medication adherence tracking. our team has delivered a fully functional prototype with screen recordings ready for submission.
🙌 Team
Inbaselvan 🧑💻: Lead Developer, architecture and core functionality
Yuvadarshan 🎨: UI/UX Developer, world-class design and animations
Danvanthram 🛠️: Backend Developer, data integration and logic
🤝 Contributing We welcome contributions to enhance MediMesh! To contribute:
Fork the repository.
Create a feature branch (git checkout -b feature/YourFeature).
Commit your changes (git commit -m "Add YourFeature").
Push to the branch (git push origin feature/YourFeature).
Open a Pull Request.
Please follow our Code of Conduct (to be added).
📜 License - MIT
This project is licensed under the MIT License. See the LICENSE file for details.
Built with passion for the Hack4Health 2025 hackathon. Let's make healthcare accessible for all! 🌟
Crafted with ❤️ by the MediMesh India team, July 16, 2025.