El7a2ny Virtual Clinic and Pharmacy is not just a software solution; it's a revolutionary approach to healthcare. In a world where convenience and efficiency matter, our goal is to redefine the concept of "Telehealth" by leveraging cutting-edge technologies and techniques.

Our vision is to bridge the gap between doctors and patients, making healthcare more accessible and convenient. We aspire to eliminate the need for physical clinic visits for routine check-ups. With a simple click of a button, patients can connect with their doctors seamlessly through high-quality video calls.

• Virtual Consultations: Say goodbye to long waiting times and commuting. Connect with your healthcare provider instantly from the comfort of your home.

• Cutting-Edge Technologies: We employ state-of-the-art technologies to ensure a secure, reliable, and user-friendly experience.

• Patient-Centric Approach: Our platform is designed with the patient in mind, prioritizing ease of use, accessibility, and personalized healthcare.

The current version of El7a2ny Virtual Clinic and Pharmacy is successfully passing all builds. We are committed to delivering a robust and reliable platform. In the rare event of any hidden glitches, rest assured that they are diligently handled, and they do not pose code-breaking issues. Our development team is proactive in addressing and resolving any unexpected issues to ensure a seamless experience for our users.

El7a2ny Virtual Clinic and Pharmacy follows a clear and organized coding structure based on the Model-View-Controller (MVC) architecture. This separation of concerns enhances maintainability and scalability by isolating the application logic, user interface, and data.

• Model: Manages data and business logic. This layer is responsible for interacting with the database and processing data.

• View: Presents information to the user and handles user interface components. This layer ensures a clean separation between the application's logic and its presentation.

• Controller: Acts as an intermediary between the Model and View, processing user input and updating the Model and View accordingly. This layer helps in maintaining the flow of data between the Model and View.

To enhance code readability and maintainability, we leverage routing mechanisms. Routes in our application serve as a roadmap, making it easier to understand the flow of data and actions within the codebase. This approach results in cleaner and more organized code.

El7a2ny Virtual Clinic and Pharmacy is built on the MERN (MongoDB, Express.js, React, Node.js) stack, with the addition of Next.js for seamless server-side rendering and enhanced performance.

• MongoDB: A NoSQL database for storing and managing data efficiently.

• Express.js: A web application framework for Node.js that simplifies the creation of robust APIs.

• React: A JavaScript library for building user interfaces. The front-end of our virtual clinic is developed using React to ensure a dynamic and responsive user experience.

• Node.js: A server-side runtime environment that allows us to run JavaScript on the server. It powers the backend of our application.

• Next.js: A React framework that enables server-side rendering and other performance optimizations for our user interface.

• Stripe: We leverage Stripe for seamless and secure payment processing, providing a reliable solution for transactions within our virtual clinic and pharmacy.

• Material-UI (MUI) Templates: Our user interface benefits from the design principles and components provided by Material-UI. This ensures a consistent and visually appealing experience for our users.

By combining these technologies, we aim to deliver a robust, scalable, and user-friendly platform for virtual healthcare and pharmacy services.

• Registration and Account Management: Doctors can easily register and manage their accounts. Each doctor has their own wallet, allowing them to handle transactions seamlessly.

• Hourly Rate Management: Doctors can set their hourly rates and publish their available time slots for appointments.

• User Registration and Profile: Patients can register, create profiles, and view details about different doctors and their specialties.

• Appointment Booking: Patients can book appointments with doctors based on their availability.

• Chat and Video Calls: After completing appointments, patients can engage in chat with doctors and make video calls for follow-up consultations.

• Health Packages Subscription: Patients can subscribe to health packages (Silver, Gold, Platinum) offering discounts based on the tier.

• Family Members Management: Patients can add family members to their accounts, extending subscription benefits to them.

• Pharmacy Services: Patients can purchase medicines from the pharmacy section, checkout, and track their orders. They can also engage in chat with the pharmacy.

• Password Reset: Patients can reset their passwords via email if forgotten.

• Registration and Account Management: Pharmacists can register, manage their accounts, and add medicines to the inventory.

• Medicine Management: Pharmacists can categorize medicines as over-the-counter (OTC) or prescription-only. Medicines can be archived or unarchived as needed.

• Account Approval: Admins have the authority to approve new doctor and pharmacist accounts.

These features collectively make El7a2ny Virtual Clinic and Pharmacy a comprehensive platform for streamlined healthcare services, connecting doctors, patients, and pharmacists efficiently.

• Material-UI (MUI) Devias Kit: Credits to the creators of the MUI Devias Kit for providing a foundation of design principles and components that significantly contributed to the visual aesthetics and user experience of El7a2ny Virtual Clinic and Pharmacy.

• Net Ninja Node.js YouTube Playlist: Gratitude to Net Ninja for the informative and insightful Node.js tutorials. These resources played a crucial role in shaping the backend architecture of our virtual clinic.

• Net Ninja React YouTube Playlist: Special thanks to Net Ninja for the comprehensive React tutorials. These tutorials were instrumental in the development of the frontend, ensuring a smooth and responsive user interface.

• Any Other Third-Party Libraries or Resources Used: Acknowledgment to the creators of any additional libraries or resources that have been utilized in the development of El7a2ny Virtual Clinic and Pharmacy.

We extend our appreciation to the developers, educators, and contributors whose work has played a key role in the success of this project.

• Stripe: Payment processing in El7a2ny Virtual Clinic and Pharmacy is facilitated by Stripe. Please refer to the Stripe Terms of Service for information on licensing and usage.

• MUI Devias Kit: The Material-UI Devias Kit is used for design and user interface components. Refer to the Devias Kit License for licensing details.

• Net Ninja Node.js and React YouTube Playlists: The educational resources provided by Net Ninja are subject to their respective licenses. Please check the terms on the Net Ninja YouTube Channel for more information.

• Any Other Third-Party Libraries or Resources Used: Check the documentation or respective repositories for licensing details of any additional libraries or resources utilized in El7a2ny Virtual Clinic and Pharmacy.

It is essential to review and comply with the licenses associated with the third-party components used in this project.

Backend of pay with Wallet Method

Frontend code of getting appointments

Backend of getting all prescriptions

• Endpoint: /register
• Method: GET
• Description: Renders the patient registration view.

• Endpoint: /getPatients
• Method: GET
• Description: Retrieves a list of patients.

• Endpoint: /getMe
• Method: GET
• Description: Retrieves the details of the currently authenticated patient.

...

• Endpoint: /download-prescription-pdf
• Method: POST
• Description: Generates a PDF version of a prescription.

• Endpoint: /:username/health-records
• Method: GET
• Description: Retrieves health records for a specific patient.

...

• Endpoint: /addPrescription
• Method: POST
• Description: Adds a prescription.

...

• Endpoint: /subscribeHealthPackage
• Method: POST
• Description: Subscribes a patient to a health package.

...

• Endpoint: /payWithWalletPackage
• Method: PATCH
• Description: Allows a patient to pay for a health package using their wallet.

...

• Endpoint: /getAvailablePackages
• Method: GET
• Description: Retrieves a list of available health packages.

• Endpoint: /register
• Method: POST
• Description: Registers a new doctor, including file uploads for national ID, medical degree, and medical license.

• Endpoint: /register
• Method: GET
• Description: Renders the doctor registration view.

...

• Endpoint: /:doctorUsername/schedule-followup
• Method: POST
• Description: Schedules a follow-up for a specific doctor.

...

• Endpoint: /changePassword
• Method: POST
• Description: Changes the password for the authenticated doctor.

...

• Endpoint: /:doctorUsername/upcoming-appointments
• Method: GET
• Description: Retrieves upcoming appointments for a specific doctor.

...

• Endpoint: /addAppointments
• Method: POST
• Description: Adds appointments to the doctor's schedule.

...

• Endpoint: /
• Method: PATCH
• Description: Updates the details of the authenticated doctor.

...

• Endpoint: /CancelAppointment
• Method: PATCH
• Description: Cancels a specific appointment.

...

• Endpoint: /viewPatientAppointment/:patientUsername
• Method: GET
• Description: Retrieves appointments for a specific patient.

...

• Endpoint: /rescheduleAppointments/:patientUsername
• Method: PATCH
• Description: Reschedules appointments for a specific patient.

...

• Endpoint: /viewAppointments
• Method: GET
• Description: Filters and retrieves appointments based on various parameters.

• Endpoint: /
• Method: GET
• Description: Renders the admin panel view.

• Endpoint: /getPackages
• Method: GET
• Description: Retrieves information about available packages.

...

• Endpoint: /viewDoctorApplications
• Method: GET
• Description: Retrieves and views doctor applications.

...

• Endpoint: /viewDoctors
• Method: GET
• Description: Retrieves and views information about registered doctors.

...

• Endpoint: /viewPatients
• Method: GET
• Description: Retrieves and views information about registered patients.

...

• Endpoint: /viewAdmins
• Method: GET
• Description: Retrieves and views information about registered administrators.

...

• Endpoint: /changePassword
• Method: POST
• Description: Changes the password for the authenticated admin.

...

• Endpoint: /removePatient
• Method: POST
• Description: Removes a specific patient.

...

• Endpoint: /removeDoctor
• Method: POST
• Description: Removes a specific doctor.

...

• Endpoint: /removeAdmin
• Method: POST
• Description: Removes a specific admin.

...

• Endpoint: /addAdmin
• Method: POST
• Description: Adds a new admin.

...

• Endpoint: /createAdmin
• Method: POST
• Description: Creates a new admin.

...

• Endpoint: /register
• Method: GET
• Description: Renders the admin registration view.

...

• Endpoint: /removeUser
• Method: DELETE
• Description: Removes a user (generic endpoint, specifics may vary).

...

• Endpoint: /updateAdmin
• Method: PATCH
• Description: Updates information for a specific admin.

...

• Endpoint: /getAllAdmins
• Method: GET
• Description: Retrieves information about all admins.

• Endpoint: /getPatientChats
• Method: GET
• Description: Retrieves the list of chats for a specific patient.

• Endpoint: /getDoctorChats
• Method: GET
• Description: Retrieves the list of chats for a specific doctor.

• Endpoint: /getMessages
• Method: GET
• Description: Retrieves the messages for a specific chat.

• Endpoint: /sendMessage
• Method: POST
• Description: Sends a message in a specific chat.

• Endpoint: /login

• Method: GET

• Description: Renders the login view.

• Endpoint: /login

• Method: POST

• Description: Handles user authentication and login.

• Endpoint: /logout
• Method: POST
• Description: Logs out the authenticated user.

• Endpoint: /resetPassword
• Method: POST
• Description: Resets the password for the user.

• Endpoint: /getMe
• Method: GET
• Description: Retrieves details about the authenticated user.

To get started with the El7a2ny Virtual Clinic and Pharmacy, follow the steps below:

Clone the Clinic repository from GitHub:

git clone https://github.com/advanced-computer-lab-2023/CodeMedics-Clinic

Clone the Clinic repository from GitHub:

git clone https://github.com/advanced-computer-lab-2023/CodeMedics-Pharmacy

1.  cd CodeMedics-Clinic

2.  npm install

3.  cd CodeMedics-Clinic/Frontend/el7a2ny-frontend

4.  npm install

5. Setup port to be 8000 and setup MONGO_URI

6. To Run the backend, navigate to the root folder and type in

   nodemon app 

7. To Run the Frontend, navigate to /frontend/el7a2ny-frontend and type in

   npm run dev

8. The Clinic should be accessible at http://localhost:3001/

1.  cd CodeMedics-Pharmacy

2.  npm install

3.  cd CodeMedics-Pharmacy/Frontend/el7a2ny-frontend

4.  npm install

5. Setup port to be 8001 and setup MONGO_URI

6. To Run the backend, navigate to the root folder and type in

   nodemon app 

7. To Run the Frontend, navigate to /frontend/el7a2ny-frontend and type in

   npm run dev

8. The Pharmacy should be accessible at http://localhost:3001/

Testing Login

Fetching family members of logged in user

Getting all prescriptions prescriped by a certain doctor

There may be user experience problems on our website that can be handled; perhaps enhancing the website with more features that are satisfying can help it stand out more.