MediHelp is a responsive, user-friendly web application that helps patients simplify complex doctor consultation notes into easy-to-understand summaries using AI. Built with React and Tailwind CSS, the app is designed for clarity, accessibility, and trust — especially for users with low medical literacy.
- 📤 Upload doctor notes in
.txt,.pdf,.jpg,.jpeg,.png - 📝 Paste notes manually using the text input
- 👨⚕️ Mode toggle: Patient Mode (simple) vs Doctor Mode (technical)
- 🤖 AI-generated summary (coming soon with GPT-4)
- 🧾 Summary includes: diagnosis, medications, lifestyle steps
- 📱 Fully responsive: works beautifully on phones, tablets, and desktops
- 🎨 Soft healthcare-themed UI with icons and micro-interactions
| Area | Tech Used |
|---|---|
| Frontend | React, Tailwind CSS |
| Icons | Lucide React |
| Backend (Planned) | FastAPI, OpenAI API, Tesseract OCR |
| Deployment (Planned) | Vercel or Netlify |
git clone https://github.com/therealvinayak/medihelp.git
cd medihelpnpm installnpm startThe application will open at http://localhost:3000
npm run buildmedihelp/
│
├── public/
│ ├── index.html
│ └── favicon.ico
├── src/
│ ├── components/
│ │ ├── FileUpload.js
│ │ ├── TextInput.js
│ │ ├── ModeToggle.js
│ │ └── Summary.js
│ ├── styles/
│ │ └── index.css
│ ├── App.js
│ └── index.js
├── package.json
├── tailwind.config.js
└── README.md
- Phase 1: Frontend UI/UX with React & Tailwind
- Phase 2: Backend API with FastAPI
- Phase 3: OpenAI GPT-4 integration for AI summaries
- Phase 4: OCR support for image uploads (Tesseract)
- Phase 5: User authentication and history
- Phase 6: Multi-language support
- Phase 7: Mobile app development
Create a .env file in the root directory:
REACT_APP_API_URL=http://localhost:8000
REACT_APP_OPENAI_API_KEY=your_openai_api_key- Push your code to GitHub
- Connect your repository to Vercel
- Add environment variables in Vercel dashboard
- Deploy automatically
- Build the project:
npm run build - Drag and drop the
buildfolder to Netlify - Or connect your GitHub repository for continuous deployment
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Icons by Lucide React
- UI inspiration from modern healthcare applications
- Thanks to the open-source community for amazing tools and libraries
Vinayak Vinod
- GitHub: @therealvinayak
- LinkedIn: Connect with me
If you have any questions or need help, please:
- Open an issue
- Reach out via email: vinayak@example.com
⭐ If you find this project helpful, please consider giving it a star!
Important: MediHelp is designed to help simplify medical notes for better understanding. It is not a substitute for professional medical advice, diagnosis, or treatment. Always consult with qualified healthcare professionals for medical decisions.