π Live Demo π
HealthSync is a modern hospital appointment management system built with React. It provides an intuitive interface for managing doctor appointments and patient consultations. The system features a clean, professional design with a focus on user experience and efficiency.
β’ π¨ββοΈ Comprehensive doctor directory with specializations
β’ π
Real-time appointment scheduling
β’ β
Consultation status tracking
β’ ποΈ Appointment deletion functionality
β’ π Double-click to toggle consultation status
β’ π± Fully responsive Bootstrap design
β’ π Date and time management for appointments
β’ React Bootstrap
β’ React Icons
# Clone the repository
git clone https://github.com/Caner-Yesiltas/HealthSync.git
# Navigate to project directory
cd HealthSync
# Install dependencies
npm install
# Start the development server
npm start
src/
βββ components/ # UI components
β βββ AddModal/ # Appointment creation modal
β βββ AppointmentList/ # Appointments display
β βββ Doctors/ # Doctors directory
βββ helper/ # Utility functions
β βββ data.js # Mock data
βββ pages/ # Page components
β βββ Home.js # Main application page
βββ styles/ # CSS styling
βββ App.css # Global styles
β’ Display doctor profiles with specializations
β’ View doctor images and departments
β’ Quick appointment scheduling through doctor selection
β’ Create new appointments with patient details
β’ Track consultation status
β’ Delete unwanted appointments
β’ Toggle appointment status with double-click
β’ Professional color scheme
β’ Responsive design for all devices
β’ Interactive elements for better user experience
β’ Clean and intuitive layout
β’ Mobile-first approach
β’ Flexible grid system
β’ Adaptive component layouts
β’ Cross-device compatibility
This project is licensed under the MIT License - see the LICENSE file for details.
Caner Yesiltas - caneryesiltas1@gmail.com
Project Link: https://health-sync-two-liart.vercel.app