-
-
This is the landing page for the our web page.
-
This is an example description of a medication after user selected headache as their symptom.
-
This is the page translated into spanish.
-
Here is a section of our HTML code
-
Here is a section of our JSON file.
-
Here is a section of our JavaScript code.
The reason we created this project, is because medical treatment in America is difficult for a lot of people to get access to. It is especially difficult for non-English speaking Americans to get medical advice due language barrier between the patients and doctors. We wanted to create a project that can help with that issue.
The way our site works is fairly simple. At the top of the page, there is a drop down menu for the user to switch languages if they prefer. The user is prompted to select the symptom that they are experiencing. After the selection, the page displays 2 different medications, some basic info about them, and certain health and allergy restrictions associated with the medicine.
We started out, by first building out the HTML portion of the project, and then stylizing it. We then started to incorporate CSS and JavaScript with the project. The JavaScript checks to see which of the symptoms is selected. Once the symptom is selected, it uses lists to keep track of which medication is recommended for the selected symptom. We then wrote out a JSON file that has sections for each medication, and we put the various information within it.
One of the hardest challenges we faced was finding a way to match the symptoms data with the data for the medications, and then be able to format that data into the HTML page. We were able to eventually organize all the information in a JSON file, which made it easy to grab information we were looking for.
The main accomplishment we are proud of is having a working web page. Another accomplishment was getting the google translate API working, and being able to translate the entire page.
We have improved on our HTML/CSS and JavaScript skills. We learned many new techniques such as styling the page, and using JavaScript to update sections of the webpage.
A good next step for the site, would be to expand the library of symptoms available. possibly incorporate more than one symptom at once. Another good next step would be to help diagnose possible health problems based on symptoms.
Log in or sign up for Devpost to join the conversation.