Skip to content

Commit

Permalink
done
Browse files Browse the repository at this point in the history
  • Loading branch information
@joshuajoyreji
joshuajoyreji committed Mar 19, 2023
1 parent 8f235e0 commit 89ec14a
Show file tree
Hide file tree
Showing 4 changed files with 56 additions and 70 deletions.
1 change: 1 addition & 0 deletions frontend/src/pages/Details2/Details2.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,4 +23,5 @@ min-height: 100vh;
}
.Guide{
margin-top: 50px;
color: #fff;
}
64 changes: 37 additions & 27 deletions frontend/src/pages/Details2/Details2.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -191,33 +191,43 @@ const Details2 = () => {
</form>

</div >
<div className='Guide'>
<h1 className='g1'>Guidelines to Enter Details</h1>
<h2 className='g1'>*Age: If age is between 18-24 Enter 1</h2>
<h2 className='g1'> 1 = 18-24 / 2 = 25-29 / 3 = 30-34 / 4 = 35-39 / 5 = 40-44 / 6 = 45-49 / 7 = 50-54 / 8 = 55-59 / 9 = 60-64 / 10 = 65-69 / 11 = 70-74 / 12 = 75-79 / 13 = 80 or older
</h2>
<br />
<h2 className='g1'>*Gender: 1: male, 0: female</h2>
<br />
<h2 className='g1'>*Cholestrol: 0 = no high cholesterol, 1 = high cholesterol</h2>
<br />
<h2 className='g1'>*BMI=(Weight in Kg)/(Height in metre)^2</h2>
<br />
<h2 className='g1'>*Smoker: Have you smoked at least 100 cigarettes in your entire life? [Note: 5 packs = 100 cigarettes] 0 = no 1 = yes</h2>
<br />
<h2 className='g1'>*Physical Activity: Physical Activity in past 30 days - not including job 0 = no 1 = yes</h2>
<br />
<h2 className='g1'>*Physical Health: How many injuries you have had in the past 30 days (Physical illness or injury days in past 30 days scale 1-30)</h2>
<br />
<h2 className='g1'>*Fruits: Do you Consume Fruits 1 or more times per day 0 = no 1 = yes</h2>
<br />
<h2 className='g1'>*Vegetables: Do you consume Vegetables 1 or more times per day 0 = no 1 = yes</h2>
<br />
<h2 className='g1'> *Heavy Alcohol Consumption: (adult men more than or equal to 14 drinks per week and adult women more than or equal to 7 drinks per week) 0 = no 1 = yes</h2>
<br />
<h2 className='g1'> *Stroke: Have you ever had a stroke. 0 = no, 1 = yes</h2>
<br />
<h2 className='g1'>*High Blood Pressure: 0 = no High BP,1 = Yes High BP </h2>
<div className='Guide container'>
<div className='row'>
<h1 className='heading'>Guidelines to Enter Details</h1>
</div>
<div>
<h5>*Age: If age is between 18-24 Enter 1</h5>
</div>
<h5> 1 = 18-24 / 2 = 25-29 / 3 = 30-34 / 4 = 35-39 / 5 = 40-44 / 6 = 45-49 / 7 = 50-54 / 8 = 55-59 / 9 = 60-64 / 10 = 65-69 / 11 = 70-74 / 12 = 75-79 / 13 = 80 or older
</h5>
<div className='row'>
<h5>*Gender: 1: male, 0: female</h5>
</div>

<h5 >*Cholestrol: 0 = no high cholesterol, 1 = high cholesterol</h5>

<h5>*BMI=(Weight in Kg)/(Height in metre)^2</h5>

<h5>*Smoker: Have you smoked at least 100 cigarettes in your entire life? [Note: 5 packs = 100 cigarettes] 0 = no 1 = yes</h5>

<h5>*Physical Activity: Physical Activity in past 30 days - not including job 0 = no 1 = yes</h5>

<h5>*Physical Health: How many injuries you have had in the past 30 days (Physical illness or injury days in past 30 days scale 1-30)</h5>

<h5>*Fruits: Do you Consume Fruits 1 or more times per day 0 = no 1 = yes</h5>

<h5>*Vegetables: Do you consume Vegetables 1 or more times per day 0 = no 1 = yes</h5>

<h5> *Heavy Alcohol Consumption: (adult men more than or equal to 14 drinks per week and adult women more than or equal to 7 drinks per week) 0 = no 1 = yes</h5>

<h5> *Stroke: Have you ever had a stroke. 0 = no, 1 = yes</h5>

<h5>*High Blood Pressure: 0 = no High BP,1 = Yes High BP </h5>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<Dialog
open={open1}
Expand Down
21 changes: 4 additions & 17 deletions frontend/src/pages/Home/Home.css
View file
Original file line number Diff line number Diff line change
@@ -1,32 +1,19 @@
.content{
background-image: url(../../Images/heart.png);
background-size: cover;
min-height: 100vh;
min-height: 90vh;
}
.details{
color: #fff;
padding-top: 50px;
font-weight: bold;
font-size: 20px;
}

.dtl{
color: white;
text-decoration: none;
}
.col-6{
font-size: 20px;
}
/* .col-3 {
font-size: 30px;
}
.col-4{
font-size: 30px;
max-height: 182px;
} */
.hodiv{
display: flex;
flex-direction: column;

font-size: 30px;
align-items: end;
width: 250px;
margin-top: 0%;
}
40 changes: 14 additions & 26 deletions frontend/src/pages/Home/Home.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,24 +8,19 @@ const Home = () => {
<div className='content'>
<div className='container'>
<div className='row details'>
<div> <p className=' col-6'>Welcome to our web app for chronic disease detection!

We understand that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.

Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.

Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.

We believe that early detection is key to managing chronic diseases and preventing long-term health complications. Our web app is designed to help you take proactive steps towards a healthier future.

Thank you for choosing our web app for chronic disease detection. We're here to support you on your health journey!
<div className=' col-6'> <p >H-oracle understands that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.
Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.
Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.
We believe that early detection is key to managing chronic diseases and preventing long-term health complications. We're here to support you on your health journey!
</p>
</div>
<div className='hodiv'> <p className='col-4 offset-1'> To check if you have a Heart Disease, enter details here <button type="button" class="btn btn-danger "><a href='/Details' className='dtl'>Click Here</a></button></p>
<p className='col-3 offset-1'> To check if you have a Diabetes, enter details here <button type="button" class="btn btn-danger "><a href='/Details2' className='dtl'>Click here</a></button></p>
</div>
</div>
<div className='hodiv col-5 offset-1'>
<p > To check if you have a Heart Disease, enter details here <button type="button" class="btn btn-danger "><a href='/Details' className='dtl'>Click Here</a></button></p>
<p > To check if you have a Diabetes, enter details here <button type="button" class="btn btn-danger "><a href='/Details2' className='dtl'>Click here</a></button></p>

</div>
</div>

</div>

</div>
Expand All @@ -41,17 +36,10 @@ Thank you for choosing our web app for chronic disease detection. We're here to
<div className='content'>
<div className='container'>
<div className='row details'>
<p className=' col-6'>Welcome to our web app for chronic disease detection!

We understand that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.

Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.

Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.

We believe that early detection is key to managing chronic diseases and preventing long-term health complications. Our web app is designed to help you take proactive steps towards a healthier future.

Thank you for choosing our web app for chronic disease detection. We're here to support you on your health journey!
<p className=' col-6'>H-oracle understands that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.
Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.
Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.
We believe that early detection is key to managing chronic diseases and preventing long-term health complications. We're here to support you on your health journey!
</p>
</div>

Expand Down

0 comments on commit 89ec14a

Please sign in to comment.