Software UML diagrams for vCARE Online Disease Prediction System

README.md

@@ -1,2 +1,27 @@
-# Medical-diagnosis-using-fuzzy-logic
-A soft computing method based web project which helps in predicting the disease based on the symptoms of the patient. Also informs the patients about nearby doctors availability and precautions to be taken. The heart of the project is Fuzzy Logic , a soft computing technique which makes use of knowledge base made by the experts(doctors in this case) to predict the disease severity.
+# Disease Prediction system using Fuzzy Logic
+
+The existing repo provided a soft computing method based web project which helps in predicting the disease based on the symptoms of the patient. It also informs the patients about nearby doctors availability and precautions to be taken. The heart of the project is Fuzzy Logic , a soft computing technique which makes use of knowledge base made by the experts(doctors in this case) to predict the disease severity.
+
+I have worked on the project UI to make it more simplistic, intutive and more attractive.
+
+*Attaching some ss of the project to show my work on UI*:
+
+**INDEX Page**:
+![image](https://user-images.githubusercontent.com/65955491/117435324-5ba6d400-af4b-11eb-8164-5622409b4509.png)
+
+**LOGIN Page (same UI for both doctor & patient)**
+![image](https://user-images.githubusercontent.com/65955491/117435483-8abd4580-af4b-11eb-839c-50570ed81493.png)
+
+**REGISTRATION Page ((same UI for both doctor & patient)**
+![image](https://user-images.githubusercontent.com/65955491/117435853-f0113680-af4b-11eb-9a8b-82e5c409115a.png)
+
+**PATIENT FORM**
+![image](https://user-images.githubusercontent.com/65955491/117436068-2e0e5a80-af4c-11eb-9b94-0ca49041ae5e.png)
+
+
+To view the complete project,: 
+* download this project, 
+* load the sql file in phpmyadmin with db details from db.php, 
+* store the folder in htdocs of Xampp folder
+* Open the project in localhost
+

css/basic style.css

@@ -0,0 +1,83 @@
+.image{
+    filter: blur(2px);
+-webkit-filter: blur(3px);
+height: 750px;
+width: 1528px;
+object-fit: cover;
+
+background-position: center;
+background-repeat: no-repeat;
+background-size: cover;
+}
+
+.inside{
+    background-color: rgb(0,0,0); /* Fallback color */
+    background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
+    color: black;
+    font-weight: bold;
+    border: 3px solid #f1f1f1;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 2;
+    width: 80%;
+    padding: 20px;
+    text-align: center;
+}
+
+.inside2{
+    background-color: rgb(0,0,0); /* Fallback color */
+    background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
+    color: black;
+    font-weight: bold;
+    border: 3px solid #f1f1f1;
+    position: absolute;
+    top:10%;
+    left:10%;
+    right: 10%;
+    z-index: 2;
+    width: 80%;
+    padding: 20px;
+    text-align: center;
+}
+
+.form{
+    width: 50%;
+    margin: 0 auto;
+  }
+
+  input {
+    width: 200px;
+    background: transparent;
+    border: transparent;
+    border-bottom: whitesmoke 1px solid;
+    padding: 10px;
+    color: black;
+    font-size: 14px;
+    margin-top: 10px;
+    font-weight: bold;
+  }
+
+  ::placeholder {
+    color: wheat;
+    opacity: 1; 
+    text-align: center;
+  }
+
+  input[type='submit']{
+    padding: 10px 25px 8px;
+    color: #fff;
+    background-color: maroon;
+    text-shadow: rgba(231,208,58,0.24) 0 1px 0;
+    font-size: 16px;
+    box-shadow: rgba(231,208,58,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
+    border: 1px solid  #e7d03a; 
+    border-radius: 2px;
+    margin-top: 10px;
+    cursor:pointer;
+  }
+
+  input[type='submit']:hover {
+    background-color: f0df74;
+  }