Igniters

Igniters/Igniters.txt

@@ -0,0 +1,114 @@
+VITAL ESSENCE
+Electronic Medical Record
+─
+Team Igniters
+Anitha S Menon 
+Jabira Farhath M A
+Karthika R
+Shimi Shaji Abraham
+
+
+Problem 
+Create solution to deal with the major challenge faced by the patients:
+1. Enabling a patient-centered information exchange system.
+2. In Case of hospital transfers,the medical history of the patient is not used. rather all tests and diagnosis are done from the start.This leads to a lot of wastage of medical resources,time and money.
+3. There is huge delay in treatment in case of accidents as no medical information about the patient is available
+4. All medical reports and prescriptions in paper are difficult to store and manage.Retrieval of a particular report from these files is a tedious task.  
+Project Summary
+Website stores medical records of users, which helps in case of hospital transfers as the user can easily transfer their medical history to the new hospital. 
+Special access to the emergency details folder of the users for hospitals to treat accident cases in order to get their important medical details using a right index biometric.
+(Keeping all privacy issues under consideration)
+Solution
+In Case of hospital transfers, medical reports like scan reports,blood reports,prescriptions etc..can easily be transferred to the new hospital, avoiding the extra expenses and can continue the treatment right from stop.
+Users can add details like test reports and prescriptions to their account through the hospital administration.
+The delay in treatment, caused due to lack of details of the patient in case of accidents can be avoided. Using right index biometric hospitals can access emergency health and contact details of an accident case. 
+Medical reports can be accessed by the user anywhere anytime, since they are available online.
+Contents of Projects Directory
+hospital-icons
+        This file contains all images used for the website logo.
+
+
+README.md
+This contains a short description of the website ,its purpose etc.. and a link to access the website.
+
+bio_userid.css
+Stylesheet of bio_userid.html.
+
+
+bio_userid.html
+This file contains the hospital login page where biometric scan and user id login is provided. Login opinion from Index.html page leads you here as of now. 
+
+
+emergency.css
+Stylesheet of emergency.html.
+
+
+emergency.html
+Biometric scan from bio_userid.html leads you here. Here the emergency medical and contact details of the patient is provided.
+
+
+emergency_details.css
+Stylesheet of emrgency_details.html
+
+
+emergency_details.html
+The user can add emergency details to his profile using this page.Emergency file option from the new_user.html leads the user here. 
+index.css
+Stylesheet of index.html
+
+
+index.html
+This is the index page where the user is directed initially. This page contains the common login for user and hospital and a signup is provided for new users for opening an account .
+new_user.css
+Stylesheet of new_user.html
+
+
+new_user.html
+This file contains the homepage for the newly created user where the user is provided with options to edit emergency details and transfer files.Submit option from the signup.html leads the user here. 
+old_user.css
+Stylesheet of old_user.html
+
+
+old_user.html
+This file contains a homepage for a user,where the user can access all his medical details including prescriptions ,scan reports etc.User is directed to this page via user login.It also contains options to transfer files,and an option to edit emergency details.Admin login history can also be viewed using Hospital login option.
+
+
+record.css
+Stylesheet of record.html
+
+
+record.html
+This file contains the page for adding new files to a user’s medical profile. Hospital can add files using user id login provided in bio_userid.html.
+
+
+signup.css
+Stylesheet of signup.html
+
+
+signup.html
+This file contains the signup page where users can start a new account by submitting the details.This page is directed from the Signup option in the index.html.
+
+
+
+
+Under_construction.css
+Stylesheet of under_construction.html
+
+
+under_construction.html
+All pages which are under construction are directed to this page.Hospital login option from new user’s homepage and the notification user will get when the hospital tries to add new files page is directed to under_construction.html.
+
+
+Host Project on Localhost
+To host the project locally, 
+* Fork the project repo.
+* To clone the Igniters directory ,
+ In CMD,run the command  git clone ‘link provided in the code option’
+Or
+ Download zip from the code option and extract all files to a directory .
+* Go to the directory where you have your files extracted .
+* Now, to install http server , 
+In CMD, run the command npm install http-server -g
+* To start server, run the command  http-server
+Now the project is hosted locally on port 8080.
+Go to browser and type localhost:8080 and you can see our website there.

Igniters/README.md

@@ -0,0 +1,14 @@
+VITAL ESSENCE
+Electronic Medical Record
+
+Website stores medical records of users, which helps in case of hospital transfers as the user can easily transfer their medical history to the new hospital. 
+Special access to the emergency details folder of the users for hospitals to treat accident cases in order to get their important medical details using a right index biometric.
+(Keeping all privacy issues under consideration)
+
+https://kr-2402.github.io/first/
+Team Igniters
+Anitha S Menon 
+Jabira Farhath M A
+Karthika R
+Shimi Shaji Abraham
+

Igniters/bio_userid.css

@@ -0,0 +1,197 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');  /*Poppins font from google fonts*/
+
+body 
+{
+  font-family: 'Poppins', sans-serif;
+  font-weight: 300;
+  background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+	background-size: 400% 400%;
+	animation: gradient 10s ease infinite;
+}
+
+/* Background animation */
+@keyframes gradient 
+{
+  0% 
+  {
+		background-position: 0% 50%;
+	}
+  50% 
+  {
+		background-position: 100% 50%;
+	}
+  100% 
+  {
+		background-position: 0% 50%;
+	}
+}
+
+/* Hospital Icon */
+.imgcontainer .slider 
+{
+  margin: 0 auto;
+  width: 128px;
+  height: 128px;
+  background-image: url(hospital-icons/1.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 30px;
+  padding-top: 25px;
+  background-color: white;
+  border-radius: 150px;
+  animation: slide 25s ease-in-out infinite;
+}
+
+/* Hospital Icons Animation  */
+@keyframes slide
+{
+  20%
+  {
+    background-image: url(hospital-icons/2.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  40%
+  {
+    background-image: url(hospital-icons/3.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  50%{
+    background-image: url(hospital-icons/4.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  }
+  60%
+  {
+    background-image: url(hospital-icons/5.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  70%
+  {
+    background-image: url(hospital-icons/6.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  80%
+  {
+    background-image: url(hospital-icons/7.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  90%
+  {
+    background-image: url(hospital-icons/8.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  100%
+  {
+    background-image: url(hospital-icons/1.png);
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+}
+
+/* Box containing the form */
+.container
+{
+  background-color: rgba(255,255,255,0.2);
+  border-radius: 20px;
+  margin-top: 10px;
+  margin-left: 35%;
+  margin-right: 35%;
+  padding-bottom: 3%;
+}
+
+/* "Vital Essence" heading */
+.main-head
+{
+  padding-top: 10px;
+  text-align: center;
+  color: white;
+  font-size: 1.1em;
+}
+
+/* Login Form */
+#login-form
+{
+  width: 80%;
+  margin: 0 20px;
+  font-size: 17px;
+}
+/* input field features */
+input[type=text], input[type=password] 
+{
+  border: 1px solid #ccc;
+  width: 100%;
+  margin: 0 30% 0 4%;
+  padding: 12px 20px;
+  margin: 8px 0;
+  display: inline-block;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  box-sizing: border-box;
+}
+/* Button style */
+.btn-grad 
+{
+  background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE  51%, #1A2980  100%)
+}
+.btn-grad 
+{
+  margin: 10px auto;
+  padding: 15px 55px;
+  text-transform: uppercase;
+  transition: 0.7s;
+  background-size: 200% auto;            
+  border-style: none;
+  display: block;
+  border-radius: 40px;
+}
+/* Button animation while hovering */
+.btn-grad:hover 
+{
+  background-position: right center; /* change the direction of the change here */
+  color: #fff;
+  text-decoration: none;
+}
+/* Button text's style */
+.btn-grad a
+{
+  text-decoration: none;
+  color: white;
+  font-family: 'Poppins', sans-serif;
+  text-align: center;
+  font-size: 18px;
+}
+
+/* Styling the line 'Or start a new journey with us' */
+.or
+{
+  color: white;
+  text-align: center;
+  font-weight: 400;
+  margin-top: -10px;
+  margin-bottom: 20px;
+  font-size: large;
+}
+
+/* For mobile screens */
+@media only screen and (max-width:700px)
+{
+  .container
+  {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  .btn-grad 
+  {
+    margin-left: auto;
+  }
+  .or
+  {
+    margin-left: 8px;
+  }
+}

Igniters/bio_userid.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="bio_userid.css">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
+    <title>Vital Essence</title>
+</head>
+<body>
+    <div class="imgcontainer">
+        <div class="slider"></div>
+      </div>
+    <div class="container">
+        <div class="main-head">
+          <h1 id="name1"></h1>
+        </div>
+        <form id="login-form">
+          <button id="login_btn" class="btn-grad" type="submit" value="Login"><a href="emergency.html">Biometric Scan</a></button>
+          <br>
+          <div class="or">OR</div>
+          <label for="uname"><b>User ID</b></label>
+        <br>
+        <input id="name1" type="text" placeholder="Enter UserID" value="" required>
+        <br>
+          <button id="signup-btn" class="btn-grad" type="signup" ><a href="record.html">Submit</a></button>
+          <br>
+          <div class="or">OR</div>
+
+          <button id="signup-btn" class="btn-grad" type="signup" ><a href="index.html">Log Out</a></button>
+        </form>
+        <br>
+      </div>
+      <script>
+      var myname = localStorage.getItem("key")
+    document.getElementById("name1").innerHTML = '<i class="fas fa-hospital-user"></i>'+" Welcome "+myname;
+
+    </script>
+</body>
+</html>