HealthBooker

<div id="top"> <h1 align="center">HealthBooker 🧑‍⚕️</h1> <div align="center"> <br> <img src="https://img.shields.io/github/repo-size/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/issues/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/issues-closed-raw/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/last-commit/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/issues-pr/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/issues-pr-closed-raw/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/forks/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/stars/Avinash905/HealthBooker?style=for-the-badge" /> <img src="https://img.shields.io/github/contributors-anon/Avinash905/HealthBooker?style=for-the-badge" /> </div> <br> <h3>📝 Description :</h3> Welcome to our comprehensive healthcare platform! Our website offers a seamless experience for users and doctors alike. Sign up or log in to unlock a range of features. Easily browse through a list of available doctors, manage your profile, and submit queries effortlessly. Stay updated with notifications and enjoy secure access to your information. Aspiring doctors can apply through our user-friendly system. Book appointments with your preferred doctors and track their completion status. Admin features ensure smooth operations, including approval of doctor applications and user management. Rest assured, all data is stored securely. Join us to experience a new era of convenient and efficient healthcare interactions. <br/>

---

🌐 Link:

<h4> Live Site: https://healthbooker.onrender.com/ </h4> <br>

🛠️ Tools and technologies used :

<div align=center>

<a href="https://www.w3.org/html/" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" alt="html5"/> </a> <a href="https://www.w3schools.com/css/" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white" alt="css3" /> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black" alt="javascript"/> </a> <a href="https://reactjs.org/" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=white&color=148dff" alt="react" /> </a> <a href="https://nodejs.org" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/Node.js-8A2BE2?style=for-the-badge&logo=Node.js&color=b3ffb0" alt="nodejs" /> </a> <a href="https://expressjs.com" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/Express.js-404D59?style=for-the-badge&color=008712" alt="express"/> </a> <a href="https://www.mongodb.com/" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white" alt="mongodb" /> </a> <a href="https://redux-toolkit.js.org/" target="_blank" rel="noreferrer"> <img src="https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white" alt="redux-toolkit" /> </a>

</div> <br>

👋 Connect with me:

<div align=center>

<a href="mailto:avinash.90527@gmail.com" target="_blank"><img alt="Gmail" src="https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white" /></a>

</div> <br>

---

<p align="right"><a href="#top">Back to Top</a></p>

📃Features :

<ul> <li><strong>User Registration and Login:</strong> Enabling user registration and login functionality is the foundation of any user-oriented platform.</li> <li><strong>View Available Doctors:</strong> Allowing users to easily view the list of available doctors helps them find the right medical professional for their needs.</li> <li><strong>Update Profile:</strong> Providing users with the ability to update their profiles keeps their information accurate and up to date.</li> <li><strong>Contact Section for Queries:</strong> Including a contact section for user queries enhances user engagement and customer support.</li> <li><strong>Notifications Tab:</strong> A notifications tab helps users stay informed about updates, appointments, and application statuses.</li> <li><strong>Admin Management System:</strong> An admin management system is crucial for overseeing users, appointments, and doctor applications.</li> <li><strong>Access Control:</strong> Restricting access to certain sections like notifications, profile, appointments, and doctor applications to logged-in users ensures data privacy and security.</li> <li><strong>Doctor Application:</strong> Allowing users to apply to become a doctor on the site expands the pool of medical professionals and adds value to the platform.</li> <li><strong>Book Appointments:</strong> Enabling users to book appointments with their preferred doctors streamlines the process of accessing medical services.</li> <li><strong>Admin Approval for Doctor Requests:</strong> Admin approval for doctor applications ensures that only qualified professionals are listed on the platform.</li> <li><strong>User and Doctor Removal:</strong> Admin's ability to remove users or doctors from the site is crucial for maintaining the platform's integrity.</li> <li><strong>Appointment Marking:</strong> Allowing doctors and admin to mark appointments as completed ensures proper record-keeping.</li> <li><strong>Application and Appointment Notifications:</strong> Sending notifications to users, doctors, and admins about application statuses and appointment updates enhances communication.</li> <li><strong>Data Storage and Security:</strong> Storing all data in a database ensures data integrity, security, and easy retrieval of information.</li> </ul> <hr/> <p align="right"><a href="#top">Back to Top</a></p>

Steps to run the project on your local machine

<ol> <li>Fork this repository</li> <li>Open terminal or command prompt on your local machine. Run the following command to clone the repository:</li>

git clone https://github.com/your-username/your-repo.git

Replace your-username with your GitHub username and your-repo with the name of your repository.

<li>Open the project and rename <strong>.env.example</strong> files to <strong>.env</strong> in both client and root directory.</li> <li>Add your own environment variables to these both files.</li> <li>To run the backend, open a new terminal and execute:</li>

npm start

<li>To run the frontend, open a new terminal and run 'cd client/' to go to client directory and execute: </li>

npm start

</ol>

To access the admin dashboard

<ol> <li>Download the project from the git repository</li> <li>You need to create your own MongoDB instance and add the MongoDB url to the .env file</li> <li>Register on the website and go to your MongoDB and manually change the 'isAdmin' field of the account you want to make admin in the DB to 'true' and then log in back on the site</li> <li>Now you will be able to access the admin dashboard</li> </ol>

---

<p align="right"><a href="#top">Back to Top</a></p>

Home page

<img src="./client/src/images/full_pic.png" alt='home'/>

Sign up page

<img src="./client/src/images/signup.png" alt='signup'/>

Sign in page

<img src="./client/src/images/signin.png" alt='signin'/>

Profile page

<img src="./client/src/images/profile.png" alt='profile'/>

All Doctors page

<img src="./client/src/images/doctors.png" alt='doctors'/>

Apply for doctor page

<img src="./client/src/images/docapply.png" alt='applyfordoctor'/>

Admin all users dashboard

<img src="./client/src/images/users.png" alt='users'/>

Admin all applications page

<img src="./client/src/images/applications.png" alt='applications'/>

Book Appointment page

<img src="./client/src/images/bookappointment.png" alt='bookappointment'/>

Users all appointments page

<img src="./client/src/images/userappointments.png" alt='appointments'/>

Doctors all appointments page

<img src="./client/src/images/doctorappointments.png" alt='appointments'/>

Notifications page

<img src="./client/src/images/notifications.png" alt='notifications'/>

---

<br/>

🛡️ License

Terms and conditions for use, reproduction and distribution are under the MIT License.

<br/>

---

<h3 align="center"> Give it a 🌟 if you 🧡 this repository </h3>

---

<p align="right"><a href="#top">Back to Top</a></p> </div>