Huda_Clinic_WEB

Project Description

The HUDA web application is a React based website application that assists patients that use the HUDA clinic in a variety of ways that streamline the many tedious processes patients typically have to go through such as:

• Registering for Athena
• Creating/Requesting appointments from the patient side
• Viewing appointments
• Viewing inbox of messages from the clinic
• Viewing medical history

Some of the technologies that we used in the application are:

• Visual Studio Code
• React framework
• AthenaOne API
• Emailjs API
• NodeJs
• Google maps API

Some of the challenges that we faced during the development process were:

• Incorrect API documentation that was provided to us
• API Services communication delays
• Only 2 total app developers
• Inherited a non-functional web application in which we had to start all over from scratch

How to install and Run the project

1. Install the lastest version of Nodejs following the instructions on their website here: https://nodejs.org/en
2. The following applications are required for React development:
   1. Nodejs
   2. Microsoft Visual Studio Code
3. Clone the project via the GitHub reponsitory
4. Open a terminal window:
   1. run command to generate required dependencies: npm install
5. npm install will add the following dependencies into the project's package.json file:

 "@emailjs/browser": "^3.10.0",
 "@emotion/react": "^11.10.6",
 "@emotion/styled": "^11.10.6",
 "@mui/icons-material": "^5.11.11",
 "@mui/lab": "^5.0.0-alpha.126",
 "@mui/material": "^5.11.12",
 "@mui/styled-engine-sc": "^5.11.11",
 "@mui/x-date-pickers": "^5.0.20",
 "@testing-library/jest-dom": "^5.16.5",
 "@testing-library/react": "^13.4.0",
 "@testing-library/user-event": "^13.5.0",
 "axios": "^1.3.4",
 "bootstrap": "^5.2.3",
 "dayjs": "^1.11.7",
 "emailjs": "^4.0.1",
 "emailjs-com": "^3.2.0",
 "markdown-to-jsx": "^7.1.9",
 "mdb-react-ui-kit": "^5.1.0",
 "moment": "^2.29.4",
 "react": "^18.2.0",
 "react-bootstrap": "^2.7.2",
 "react-countup": "^6.4.1",
 "react-dom": "^18.2.0",
 "react-icons": "^4.6.0",
 "react-router-dom": "^6.10.0",
 "react-scripts": "5.0.1",
 "react-slick": "^0.29.0",
 "react-visibility-sensor": "^5.1.1",
 "slick-carousel": "^1.8.1",
 "styled-components": "^5.3.6",
 "web-vitals": "^2.1.4"

How to use the Application

1. Open web browser
2. Navigate to the URL
3. Type "www.hudaclinic.org"
4. Application should load up on browser.

Accounts for testing

1. AthenaOne Login:
   1. Email Address: [email protected]
   2. Password: Password1