Commit 3a50dca7 authored by Arvind Raineni's avatar Arvind Raineni
Browse files

Merge branch 'developer#ui' into 'master'

Developer#ui

See merge request !15
parents 9240244f 3a4cd4d0
Pipeline #36892 passed with stage
in 14 seconds
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
form {border: 0px solid #f1f1f1;}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
button:hover {
opacity: 0.8;
}
.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}
.container {
padding: 16px;
width: 30%;
margin-left:10%;
}
span.psw {
float: right;
padding-top: 16px;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
</style>
<style>
body{background-image: url("https://thumbs.dreamstime.com/z/blood-donation-transfusion-vector-flat-cartoon-illustration-volunteer-female-donor-donating-medical-hospital-laboratory-world-152270497.jpg");}
</style>
</head>
<body>
<h2 style="text-align: center;">Login Form</h2>
<form action="/action_page.php" method="post">
<div class="container">
<label for="uname"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<button type="submit">Login</button>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn"><a href="file:///C:/Users/raman/Downloads/BizPage/BizPage/homepage.html.html">Cancel</a></button>
<span class="psw"><a href="ssxdcfvgbhn"> forgot password?</a></span>
</div>
</form>
</body>
</html>
\ No newline at end of file
Version 1: August 10
1. New homepage created
2. Sign up and login options on the bar
3. Button which gives the rules and regulations of a donor introduced.
Version 2: August 13
1. Donor registration form created
2. Donor login form created
3. forgotten passwoed page created
4. Receiver form created
5. Edit profile page for donor created
6. Rules and regulations page created
\ No newline at end of file
# Contributing
When contributing to this repository, please first discuss the change you wish to make via issue with the owners of this repository before making a change.
Please note we have a code of conduct, please follow it in all your interactions with the project.
## How Can I Contribute?
### Reporting Issues/Features
This section guides you through submitting a issue for the project. Following these guidelines helps maintainers and the community understand your issue, reproduce the issue and find related issues.
#### Issue Description
1. Steps to Reproduce:
2. Expected behavior:
3. Actual behavior:
4. Frequency of Occurrence:
5. Environment configuration:
6. Additional Information:
Before submitting an issue or feature request, please check [the existing issues](https://code.swecha.org/CivicTech/helpline-management-system/-/issues) as your issue might have already been noted.
### Your First Code Contribution
Unsure where to begin contributing to the project? You can start by looking through these `beginner` and `help-wanted` issues:
* Beginner issues - issues which should only require a few lines of code, and a test or two.
* Help wanted issues - issues which should be a bit more involved than `beginner` issues.
#### Local development
Please head over to README.md to find details about local development.
### Pull Requests
The process described here has several goals:
- Maintain the project's quality
- Fix problems that are important to users
- Engage the community in working in harmony
- Enable a sustainable system for the maintainers to review contributions
Please follow these steps to make your contribution considered:
1. Create a feature branch from `develop`, make changes and raise a PR against it
2. Please make sure that the feature branch is even with the develop branch while raising a PR.
3. Please ensure that all the testcases are passing to make sure that your changes didn't impact any other existing features
While the prerequisites above must be satisfied prior to having your pull request reviewed, the reviewer(s) may ask you to complete additional design work, tests, or other changes before your pull request can be ultimately accepted.
## Styleguides
### Git Commit Messages
* Limit the commit message to 72 characters or less
* Reference issues and pull requests liberally in the commit description
* Consider starting the commit message with an applicable keyword:
* fix: when fixing a bug
* feat: when new feature is added
* test: when updating testcases
* docs: when docs are updated
* lint: when lint errors are fixed
* dep: when any of the dependencies are upgraded
* chore: for any normal task, which is done as a part of above tasks like updating build scripts, gulp tasks, etc.
## Code of Conduct
### Our Pledge
In the interest of fostering an open and welcoming environment, we as
contributors and maintainers pledge to making participation in our project and
our community a harassment-free experience for everyone, regardless of age, body
size, disability, ethnicity, gender identity and expression, level of experience,
nationality, personal appearance, race, religion, or sexual identity and
orientation.
### Our Standards
Examples of behavior that contributes to creating a positive environment
include:
* Using welcoming and inclusive language
* Being respectful of differing viewpoints and experiences
* Gracefully accepting constructive criticism
* Focusing on what is best for the community
* Showing empathy towards other community members
Examples of unacceptable behavior by participants include:
* The use of sexualized language or imagery and unwelcome sexual attention or
advances
* Trolling, insulting/derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or electronic
address, without explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting
### Our Responsibilities
Project maintainers are responsible for clarifying the standards of acceptable
behavior and are expected to take appropriate and fair corrective action in
response to any instances of unacceptable behavior.
Project maintainers have the right and responsibility to remove, edit, or
reject comments, commits, code, wiki edits, issues, and other contributions
that are not aligned to this Code of Conduct, or to ban temporarily or
permanently any contributor for other behaviors that they deem inappropriate,
threatening, offensive, or harmful.
### Scope
This Code of Conduct applies both within project spaces and in public spaces
when an individual is representing the project or its community. Examples of
representing a project or community include using an official project e-mail
address, posting via an official social media account, or acting as an appointed
representative at an online or offline event. Representation of a project may be
further defined and clarified by project maintainers.
### Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
obligated to maintain confidentiality with regard to the reporter of an incident.
Further details of specific enforcement policies may be posted separately.
Project maintainers who do not follow or enforce the Code of Conduct in good
faith may face temporary or permanent repercussions as determined by other
members of the project's leadership.
***CONTRIBUTION**
1)CH.RAMANI(TEAM-20 LEAD)
2)P.SAKETH(TEAM-19 LEAD)
3)B.SAIKIRAN(TEAM-2 LEAD)
4)P.PRIYAVARSHINI
5)M.CHETANA
6)G.AKSHITHA
7)S.M SHREEJA
8)S.BHARATH REDDY
9)K.SAHITHI
10)D.VIVEK
11)CH.RAMYA
12)P.ARCHANA
13)A.ARCHANA
14)MAHARSHI REDDY
15)K.AKSHITHA
**CODE OF CONDUCT**
Acceptable Behaviour:
Using welcoming and inclusive language.
Being respectful of differing viewpoints and experiences.
Gracefully accepting constructive criticism.
Focusing on what is best for the community.
Showing empathy towards other community members.
Unacceptable Behaviour:
Discrimination based on Sex, Race , Religion, Caste, Nationality.
Trolling, insulting/derogatory comments, and personal or political attacks.
Public or private harassment.
Publishing others' private information, such as a physical or electronic address, without explicit permission.
Other conduct which could reasonably be considered inappropriate in a professional setting.
**TECHONOLOGIES USE**
HTML
CSS
BOOTSTRAP
**MODULES USED**
HTML5:
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and latest major version of HTML that is a World Wide Web Consortium recommendation.
CSS:
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaSCRIPT
BOOTSTRAP:
Bootstrap is a free front-end framework for faster and easier web development
Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
Bootstrap also gives you the ability to easily create responsive designs
TEAM CONTRIBUTIONS:
Team 2:
1. S.M. Shreeja Tejaswi - edit profile page,layout planning
2. B.Sai kiran - Gitlab management
Team 19:
1. P.Saketh - Rules and regulations page,layout planning
2. Priyavarshini -Home page,donor registration form
3. M.chetana-Home page,receiver registration form
4. K.Sahithi- Gathering information and instructions for donation from sources
5. CH.Ramya -Gathering information for readme file
Team 20:
1. Ch.Ramani - Home page,layout planning,donor login form
2. S.Bharath Reddy - libre Presenation, Gitlab management
3. K.Akshitha - Home page,receiver registration form
4. D.vivek-forgotten password page
\ No newline at end of file
......@@ -629,8 +629,8 @@ to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
Online-Blood-Bank
Copyright (C) 2020 HealthTech / Blood Bank
Online Blood And Plasma Bank
Copyright (C) 2020 HealthTech
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published
......
# ONLINE-BLOOD-BANK
**DIGITAL BLOOD DONOR DATA:-**
When a patient needs blood, he/she has to contact a blood bank or a compatible blood group of donor in their circle, family and friends.However, it is difficult to find suitable donor within a limited group of people in a given time. Finding a blood donor is a challenging issue in almost every country.
To overcome this problem we came with this digital blood donor data.
> ## INTRODUCTION TO THE PROJECT
>
> The software system is an online blood bank management system that helps in getting blood effectively.
> These details include type of blood group, contact number,location.
> The project is an online system that allows to check whether required blood deposits of a particular group are available or not in the specified area.
**DIGITAL PLASMA DONOR DATA:-**
This is specially created for those who are suffering from covid-19.
In plasma therapy , the antibody rich plasma from a covid recovered patient is extracted and administered to a patient. Plasma is collected from the patients after two weeks of their recovery from the virus.
=>Each plasma donation would be used to treat 2 patients.
=>In plasma donation ,as opposed to blood donation, only plasma is extracted and the other components of blood are returned to the body.
So,the people who recovered from covid-19 can come forward register here which helps in the recovery of other covid patients.
**DEPLOYMENT:-**
It is a well developed website through which a donor registers through details such as mail,contact details,location,age,weight,past and present health status.
=>Receiver has to register the details like name, contact details,mail and location.
=> Donors can either donate their blood or plasma by selecting the option.
=>Receivers can either select whether they need blood or plasma.
> ## PURPOSE OF THE PROJECT
>
> Bridging the communication gap between blood donors and recipients
> This website helps to find available donors for a blood emergency.
> This online system is developed on node js platform and supported by an mongo database to store blood and user specific details.
> To conceptualize and develop a user interface and design.
> Helps Blood Banks to automate blood donor and depository online.
> Encourages blood donors to donate.
> Helps people find blood donors in times of need.
## MODULES
> ### DONOR MODULES:
> Donor modules contains a various number of aspects which include:
> username
> mail
> update location
> update mobile number
> update age
> update blood group
> change password
> ### RECIEVER MODULES:
> Receiver module contains Blood Group selection in which reciepient select blood group and Location.
> FUTURE SCOPE
> This System can be linked by internet,so the other hospitals can be use the data.
> System can be expanded with availability over worldwide.
> Reaching as close as possible of donor from emergency zone.
> A smart phone application of the system can be made.
> Providing donor an option of change his/her availability.
**ACKNOWLEDGEMENT:-**
By considering the current pandemic situation we have developed this website to help the covid-19 patients for easy and quick recovery.
Common points:-
=>This website will be easy to communicate between the donors and receivers.
=>It gives the multiple alternatives between donors.
=>It helps the users to overcome the misuse of money and middle persons (brokers).
=>This website has the advantage of having all the blood groups
SOFTWARE REQUIREMENTS :
LANGUAGES:- HTML , CSS , javascript.
BACKEND :- NODEJS, EXPRESSJS.
DATABASE :- MongoDB
\ No newline at end of file
LANGUAGES:- HTML,CSS,Bootstrap
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<style>
body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://previews.123rf.com/images/scienceboy123rf/scienceboy123rf1709/scienceboy123rf170900018/85115702-group-of-red-blood-cells-isolated-on-white-background-3d-rendering-.jpg")}
* {box-sizing: border-box;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 10px;
}
.icon {
padding: 15px;
background: #2ECC71;
color: white;
min-width: 100px;
text-align: center;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
opacity: 0.8;
box-shadow: 8px 8px 5px black;
}
.input-field:focus {
border: 2px solid dodgerblue;
}
/* Set a style for the submit button */
.btn {
background-color: #ff5c3a;
color: white;
padding: 15px 20px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.8;
}
.btn:hover {
opacity: 5;
}
</style>
</head>
<body>
<form action="/dreg" method="POST">
<div class="container-fluid text-center bg-grey">
<b><h1 style="color:pink"></h1></b>
<div class="row text-center">
<div class="col-sm-6" style="color:pink">
<h2>Donor Registration Form</h2>
<div class="input-container col-sm-9">
<i class="fa fa-user icon"></i>
<input class="input-field" type="text" placeholder="Username" name="dusrnm" required>
</div>
<div class="input-container col-sm-9">
<i class="fa fa-envelope icon"></i>
<input class="input-field" type="email" placeholder="Email" name="demail" required>
</div>
<div class="input-container col-sm-9">
<i class="far fa-calendar icon"></i>
<input class="input-field" type="DOB" placeholder="Date of birth" name="ddob" required>
</div>
<div class="input-container col-sm-9 " required>
<i class="far fa-calendar icon"></i>
<select name="dage" required>
<option value=""> Select your age</option>
<option value=" 18">18</option>
<option value="19"> 19</option>
<option value="20"> 20</option>
<option value="21">21</option>
<option value="22"> 22</option>
<option value="23"> 23</option>
<option value="24"> 24</option>
<option value="25"> 25</option>
<option value="26"> 26</option>
<option value="27"> 27</option>
<option value="28"> 28</option>
<option value="29"> 29</option>
<option value="30"> 30</option>
<option value="31"> 31</option>
<option value="32"> 32</option>
<option value="33"> 33</option>
<option value="34"> 34</option>
<option value="35"> 35</option>
<option value="36"> 36</option>
<option value="37"> 37</option>
<option value="38"> 38</option>
<option value="39"> 39</option>
<option value="40"> 40</option>
<option value="41"> 41</option>
<option value="42"> 42</option>
<option value="43"> 43</option>
<option value="44"> 44</option>
<option value="45"> 45</option>
<option value="46"> 46</option>
<option value="47"> 47</option>
<option value="48"> 48</option>
<option value="49"> 49</option>
<option value="50"> 50</option>
</select>
</div>
<div class="input-container col-sm-9 " required>
<i class="far fa-genederless icon"></i>
<select name="Gender" required>
<option value=""> Gender</option>
<option value=" male">male</option>
<option value="female">female</option>
</select>
</div>
<div class="input-container col-sm-9 " required>
<i class="fa fa-plus-square icon"></i>
<select name="donor" required>
<option value="">Donation</option>
<option value=" blood">donor</option>
<option value="plasma"> plasma</option>
<option value="both">both</option>
</select>
</div>
<div class="input-container col-sm-9 " required>
<i class="fa fa-plus-square icon"></i>
<select name="dbg" required>
<option value=""> Select your Blood Group</option>
<option value=" A+">A+</option>
<option value="A-"> A-</option>
<option value="O+"> O+</option>
<option value="O-">O-</option>
<option value="B+"> B+</option>
<option value="B-"> B-</option>
<option value="AB+"> AB+</option>
<option value="AB-"> AB-</option>
</select>
</div>
<div class="input-container col-sm-9" required>
<i class="fa fa-map-marker icon"></i>
<select name="dlocality" required >
<option value=""> Select your Nearby Location</option>
<option value="LB Nagar"> LB Nagar</option>
<option value="Dilshuknagar"> Dilshuknagar</option>
<option value="Secundrabad"> Secundrabad</option>
<option value="Hitex City"> Hitex city</option>
<option value="Miyapur"> Miyapur</option>
<option value="Ghatkesar"> Ghatkesar</option>
<option value="Uppal"> Uppal</option>
<option value="Falauknama"> Falauknama</option>
<option value="Gachibowli"> Gachibowli</option>
<option value="Ibrahimpatnam"> Ibrahimpatnam</option>
<option value="Malakpet"> Malakpet</option>
<option value="Jeedimetla"> Jeedimetla</option>
<option value="kukatpally"> kukatpally</option>
<option value="Adilabad">Adilabad </option>
<option value="Bhadradri Kothagudem"> Bhadradri Kothagudem</option>
<option value="Jagityal"> Jagityal</option>
<option value="Jangaon"> Jangaon</option>
<option value="Jayashankar Bhupalpally"> Jayashankar Bhupalpally</option>
<option value="Gadwal"> Gadwal</option>
<option value="Kamareddy"> Kamareddy</option>
<option value="Karimnagar"> Karimnagar</option>
<option value="Khammam"> Khamman</option>
<option value="Komaram Bheem"> Komaram Bheem</option>
<option value="Mahabubabad"> Mahabubabad</option>
<option value="Mahabubnagar"> Mahabubnagar</option>
<option value="Mancherial"> Mancherial</option>
<option value="Medak"> Medak</option>
<option value="Medchal-Malkajgiri"> Medchal-Malkajgiri</option>
<option value="Mugulu">Mugulu</option>
<option value="Nagarkurnool"> Nagarkurnool</option>
<option value="Narayanpet"> Narayanpet</option>
<option value="Nalgonda"> Nalgonda</option>
<option value="Nirmal">Nirmal</option>
<option value="Nizamabad">Nizamabad</option>
<option value="Pedapelli"> Pedapelli</option>
<option value="Rajanna Sircilla"> Rajanna Sircilla</option>
<option value="Rangareddy"> Rangareddy</option>
<option value="Sangareddy"> Sangareddy</option>
<option value="Siddipet"> Siddipet</option>
<option value="Suryapet">Suryapet</option>
<option value="Vikarabad"> Vikarabad</option>
<option value="Wanaparthy">Wanaparthy</option>
<option value="Warangal">Warangal</option>
<option value="Yadadri Bhuvanagiri">Yadadri Bhuvanagiri</option>
</select>
</div>
<div class="input-container col-sm-9">
<i class="fa fa-mobile icon"></i>
<input class="input-field" type="tel" placeholder="Mobile Number" name="DNumber" maxlength="10" required>
</div>
<div class="input-container col-sm-9">
<i class="fa fa-key icon"></i>
<input class="input-field" type="password" placeholder="Password" name="dpsw" required>
</div>
<div class="input-container col-sm-9">
<i class="fa fa-key icon"></i>