💊 HealthHub: Integrated Healthcare Ecosystem

HealthHub is a full-stack healthcare management platform developed over a 7-day coding challenge. It seamlessly connects patients, healthcare providers, pharmacists, and administrators, providing a user-friendly interface for various healthcare needs. It is fully responsive and dynamic.

💻 Technologies Used

Frontend	Backend	Database	Styling

✨ Features

1. Full User Authentication: Email Verification via OTP

2. Full Responsive

3. Attractive & dynamic pages

4. Personal Health Records

5. Symptoms Checker

6. Medication Reminder

7. Book & Manage Appointments

8. Blogging Community

9. Prescription Management

10. Chat with all users

& Much more like user management from frontend

🛠️ Setup & Development

📋 Requirements:

Before you begin, make sure you have the following installed on your system:

• Node.js and npm: You can download Node.js from the official website (https://nodejs.org/)
• Text Editor or IDE: (e.g., VS Code, Atom)
• (For Local Hosting): XAMPP or Similar
• (For Cloud Deployment): An account with your chosen hosting provider.

⚛️ Launching Your React Development Environment

Use your terminal (e.g., VS Code's) to run the following commands:

1. Clone the Repository:

   git clone https://github.com/vatsalcshah/HealthHub.git
   cd HealthHub
   cd hms-frontend
   cd hms-website
   

2. 🔍 Bulk Search & Replace:

   You need to update endpoints , use your code editor's "Find and Replace" feature (often Ctrl/Cmd + Shift + F). Replace instances of https://example.com with the actual URL of your hosted API or http://localhost (if locally hosted API).

3. Install Dependencies:

   npm install
   

4. Run the Development Server:

   npm start
   

Open http://localhost:3000 in your browser to see the app.

📂 Database Configuration

1. Import Database:

   • Import the provided my_table.sql file into your phpMyAdmin setup.

2. Update API Connection in .PHP Files (hms-backend/api):

   • Localhost:
     • In your API files, ensure these settings are correct:

       private $server = 'localhost';
       private $dbname = 'YOUR_DATABASE_NAME';
       private $user = 'YOUR_DB_USERNAME';
       private $pass = 'YOUR_DB_PASSWORD';
       

Cloud Hosting (to avoid CORS errors): Replace header('Access-Control-Allow-Origin: http://localhost:3000');
With header('Access-Control-Allow-Origin: http://example.com'); (Substitute http://example.com with your actual domain)

🌐 React App Deployment

1. Build for Production:

   npm run build
   

2. Choose Your Hosting:

   Tip: Select a hosting provider (Hostinger, Netlify, Vercel, etc.).

   • Follow their specific instructions to deploy the contents of the build folder.

   (Usually you paste the contents of build folder in public_html and also paste the given .htaccess and api folder in same location)