WebWizards

Development server

In the project directory, you can run:

npm start Runs the app in the development mode. Open http://localhost:4200 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

About

The website is a platform for doctors worldwide to register, provide online consultations, and efficiently manage their schedules. Doctors can easily view their appointments in user-friendly calendars, update their profiles, and set their preferred working hours. To ensure punctuality, doctors receive a notification 5 minutes prior to each scheduled Zoom meeting. The platform facilitates seamless communication between doctors and patients through Zoom calls and an online chat feature. It offers a secure and convenient way for patients to schedule appointments, share medical records, and receive personalized care from a diverse range of doctors. By leveraging technology, the website aims to enhance accessibility to healthcare and empower doctors with greater control over their practice.

Dashboard page

The doctor can view appointments scheduled for today and navigate to patient cards for more information.

Availability page

The remote doctor has the ability to create their own schedule and indicates the days and hours he is available in the calendar. These working hours can later be used to schedule appointments.

Appointment page

The user-friendly calendar allows viewing appointments on a weekly, monthly, or daily basis. It displays all scheduled appointments, and by clicking on an appointment, users can access more detailed information.

Book appointment page

The appointment booking form allows users to select a specialization. Once a specialization is chosen, only the available days of doctors with that specialization will be displayed in the calendar. Users can then proceed to select a date, time, and doctor for the appointment.

Patient info page

On the patient's page, users can access and review the patient's information, view a calendar specific to that patient's appointments, see who the appointment is scheduled with, and add notes (with the option to upload files).

List of Patients

On the page, users can access a comprehensive list of patients, expand to view brief information about each patient, create a new patient entry, and edit the data of existing patients.

Zoom meetings page

Chat

Technologies

• React
• Type script
• React Hook Form
• i18n
• React Day Picker
• React Big Calendar
• React-Phone-Input-2
• WebSocket