A comprehensive digital healthcare platform built with React.js, Node.js, and MongoDB. This application provides a complete healthcare management system for patients, doctors, and administrators.
- Health Monitoring: Track vital signs and health metrics
- Appointment Booking: Schedule consultations with doctors
- Prescription Management: View and download prescriptions
- Real-time Chat: Communicate with healthcare providers
- Health Analytics: View detailed health reports and trends
- Patient Management: View patient records and history
- Appointment Management: Manage appointments and schedules
- Prescription Creation: Generate and manage prescriptions
- Chat System: Real-time communication with patients
- Availability Management: Set and manage availability slots
- User Management: Manage patients, doctors, and staff
- Doctor Verification: KYC verification for healthcare providers
- Analytics Dashboard: View platform statistics and reports
- System Management: Configure platform settings
- React.js 18 - Modern React with hooks
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library
- React Router - Client-side routing
- Axios - HTTP client for API calls
- React Hook Form - Form handling and validation
- React Toastify - Toast notifications
- Chart.js - Data visualization
- Socket.io Client - Real-time communication
- Node.js - JavaScript runtime
- Express.js - Web framework
- MongoDB - NoSQL database
- Mongoose - MongoDB ODM
- JWT - Authentication
- Socket.io - Real-time features
- Multer - File uploads
- Nodemailer - Email service
- Node.js (v16 or higher)
- MongoDB
- npm or yarn
-
Navigate to backend directory:
cd backend -
Install dependencies:
npm install
-
Create environment file:
cp env.example .env
-
Configure environment variables:
PORT=5000 MONGODB_URI=mongodb://localhost:27017/smart-healthcare JWT_SECRET=your_jwt_secret_here JWT_EXPIRE=7d FRONTEND_URL=http://localhost:3000
-
Start the backend server:
npm start
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to:
http://localhost:3000
SmartHealthcare/
├── backend/ # Backend API
│ ├── models/ # Database models
│ ├── routes/ # API routes
│ ├── middleware/ # Custom middleware
│ ├── utils/ # Utility functions
│ └── server.js # Main server file
├── src/ # Frontend source
│ ├── components/ # Reusable components
│ ├── pages/ # Page components
│ ├── services/ # API services
│ ├── context/ # React context
│ ├── hooks/ # Custom hooks
│ └── utils/ # Utility functions
├── public/ # Static files
└── package.json # Frontend dependencies
The application uses JWT (JSON Web Tokens) for authentication. Users can register with different roles:
- Patient: Access health services and manage care
- Doctor: Provide healthcare services
- Admin: Manage platform operations
The application is fully responsive and works on:
- Desktop computers
- Tablets
- Mobile phones
- Modern Design: Clean and professional interface
- Dark/Light Mode: Theme switching capability
- Animations: Smooth transitions and micro-interactions
- Accessibility: WCAG compliant design
- Mobile-First: Optimized for mobile devices
# Start development server
npm start
# Build for production
npm run build
# Run tests
npm test
# Lint code
npm run lint
# Fix linting issues
npm run lint:fixThe project uses:
- ESLint for code linting
- Prettier for code formatting
- React Hook Form for form validation
- TypeScript support (optional)
-
Build the application:
npm run build
-
Deploy to your preferred hosting service:
- Vercel
- Netlify
- AWS S3
- Firebase Hosting
- Set up environment variables for production
- Deploy to your preferred hosting service:
- Heroku
- AWS EC2
- DigitalOcean
- Railway
- Fork the repository
- Create a feature branch
- Make your changes
- Add tests if applicable
- Submit a pull request
This project is licensed under the MIT License.
For support and questions:
- Create an issue in the repository
- Contact the development team
- Check the documentation
- AI Integration: Machine learning for health predictions
- Telemedicine: Video call integration
- IoT Integration: Health device connectivity
- Multi-language: Internationalization support
- Advanced Analytics: Predictive health insights
- Mobile App: React Native application
Smart Healthcare Assistant - Transforming healthcare through technology and compassion.