Modern Healthcare Management Platform
Empowering your health journey with Ayurvedic wisdom and modern technology
AyuDost is a comprehensive healthcare management platform that bridges traditional Ayurvedic medicine with modern digital convenience. Built with React and modern web technologies, it provides users with tools to manage appointments, discover Ayurvedic medicines, and access personalized health resources.
| 🏥 | Appointment Booking Schedule appointments with healthcare providers |
💊 | Ayurvedic Medicine Database Comprehensive information on traditional remedies |
| 🏠 | Home Remedies Natural solutions for common health issues |
👤 | User Authentication Secure login and personalized experiences |
| 🌙 | Dark/Light Mode Comfortable viewing in any lighting |
📱 | Responsive Design Seamless experience across all devices |
Homepage in Light Mode (left) and Dark Mode (right) — Showcasing the dual theme functionality
Secure login and registration system with modern UI design
Extensive database of Ayurvedic medicines and traditional home remedies
Easy appointment scheduling with calendar integration and real-time availability
Personalized user profiles with customizable settings and health tracking
Advanced search functionality for medicines, remedies, and healthcare providers
Quick access to emergency services
support contact forms /em>
Rich content pages including team information,
# Clone the repository
git clone https://github.com/Rajath2005/mediq.io.git
# Navigate to project directory
cd mediq.io
# Install dependencies
npm install
# Start development server
npm startOpen http://localhost:3000 to view the application.
- Frontend: React 18, Tailwind CSS, JavaScript ES6+
- Styling: CSS3, Responsive Design
- Build Tool: Create React App
- Deployment: GitHub Pages
mediq.io/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ │ ├── Appointments/ # Appointment related components
│ │ ├── Profile/ # User profile components
│ │ ├── Settings/ # App settings
│ │ └── images/ # Component images
│ ├── pages/ # Page components
│ │ ├── AboutUs.js # About page
│ │ ├── Contact.js # Contact page
│ │ └── ServicesPage.js # Services page
│ └── styles/ # Global styles
├── package.json # Dependencies and scripts
└── tailwind.config.js # Tailwind configuration
The following sequence diagram illustrates the key data flows within the AyuDost application, highlighting the interactions between the React frontend, GitHub API for data retrieval, and the AI Chatbot integration.
sequenceDiagram
actor User
participant App as React App (Browser)
participant GitHub as GitHub Raw Content
participant Iframe as Chatbot Iframe
participant Backend as Local Backend (Port 5000)
%% Flow 1: Medicine Search
rect rgb(240, 248, 255)
note right of User: Flow 1: Medicine Search
User->>App: Navigate to Search Page
activate App
App->>GitHub: Fetch ayur-med-updated.json
activate GitHub
GitHub-->>App: Return JSON Data
deactivate GitHub
User->>App: Enter Search Term (e.g., "Arishta")
App->>App: Filter Data Locally
App-->>User: Display Medicine Results
deactivate App
end
%% Flow 2: Home Remedies
rect rgb(255, 245, 238)
note right of User: Flow 2: Home Remedies
User->>App: Navigate to Home Remedies
activate App
App->>GitHub: Fetch remedies.json
activate GitHub
GitHub-->>App: Return JSON Data
deactivate GitHub
User->>App: Select Condition (e.g., "Cold")
App->>App: Find Remedy Locally
App-->>User: Display Remedy Details
deactivate App
end
%% Flow 3: AI Chatbot
rect rgb(240, 255, 240)
note right of User: Flow 3: AI Chatbot
User->>App: Click Chatbot Icon
activate App
App->>Iframe: Load http://localhost:5000
activate Iframe
Iframe-->>User: Display Chat Interface
User->>Iframe: Send Message
Iframe->>Backend: API Request (Chat/Query)
activate Backend
note right of Backend: Processes with RAG/Gemini
Backend-->>Iframe: Return AI Response
deactivate Backend
Iframe-->>User: Display Answer
deactivate Iframe
deactivate App
end
### Use Case Diagram
The following diagram outlines the primary actors and their interactions with the AyuDost platform.
```mermaid
usecaseDiagram
actor "Patient / User" as User
actor "Administrator" as Admin
package "AyuDost Platform" {
usecase "Search Ayurvedic Medicines" as UC1
usecase "View Home Remedies" as UC2
usecase "Consult AI Chatbot" as UC3
usecase "Book Appointment" as UC4
usecase "View Hospitals & Doctors" as UC5
usecase "User Login / Signup" as UC6
usecase "Admin Login" as UC7
usecase "Manage Appointments" as UC8
usecase "View Services" as UC9
}
User --> UC1
User --> UC2
User --> UC3
User --> UC4
User --> UC5
User --> UC6
User --> UC9
Admin --> UC7
Admin --> UC8
%% Relationships
UC4 ..> UC6 : <<include>>
UC8 ..> UC7 : <<include>>
Experience the full functionality of our healthcare platform.
Note: MediQ is currently in active development. New features and improvements are being added regularly.
Current Features:
- ✅ User Authentication (Login/Signup)
- ✅ Responsive UI with Dark/Light Mode
- ✅ Basic Appointment Booking Interface
- ✅ Service Information Pages
- ✅ Ayurvedic Medicine Database
- ✅ User Profile Management
Upcoming Features:
- 🔄 Advanced Health Analytics
- 🔄 Real-time Chat Support
- 🔄 Telemedicine Integration
- 🔄 Mobile App Development
- 🔄 AI-powered Health Recommendations
| Command | Description |
|---|---|
npm start |
Run development server |
npm build |
Build for production |
npm test |
Run test suite |
npm eject |
Eject from Create React App |
We welcome contributions! Here's how you can help:
- Fork the repository
- Create your 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.
|
Rajath Project Lead & Developer |
Sanath Developer |
Rithesh Developer |
Sheethal Developer |
- 🌐 Website: AyuDost Live Demo
- 📧 Contact: Get in Touch
- 🐛 Issues: Report Bug
- 💡 Feature Requests: Request Feature
Your support helps us continue improving healthcare accessibility