├── img
    ├── bank.png
    ├── user.jpg
    ├── user3.jpg
    ├── history.jpg
    └── transfer.jpg
├── config.php
├── css
    ├── navbar.css
    ├── table.css
    ├── style.css
    └── createuser.css
├── README.md
├── navbar.php
├── sql
    └── Indian_bank.sql
├── transactionhistory.php
├── index.php
├── createuser.php
├── transfermoney.php
└── selecteduserdetail.php


/img/bank.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Ayush-1211/Banking-System/HEAD/img/bank.png


--------------------------------------------------------------------------------
/img/user.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Ayush-1211/Banking-System/HEAD/img/user.jpg


--------------------------------------------------------------------------------
/img/user3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Ayush-1211/Banking-System/HEAD/img/user3.jpg


--------------------------------------------------------------------------------
/img/history.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Ayush-1211/Banking-System/HEAD/img/history.jpg


--------------------------------------------------------------------------------
/img/transfer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Ayush-1211/Banking-System/HEAD/img/transfer.jpg


--------------------------------------------------------------------------------
/config.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | 	$servername = "localhost";
 4 | 	$username = "root";
 5 | 	$password = "";
 6 | 	$dbname = "Indian_bank";
 7 | 
 8 | 	$conn = mysqli_connect($servername, $username, $password, $dbname);
 9 | 
10 | 	if(!$conn){
11 | 		die("Could not connect to the database due to the following error --> ".mysqli_connect_error());
12 | 	}
13 | 
14 | ?>


--------------------------------------------------------------------------------
/css/navbar.css:
--------------------------------------------------------------------------------
 1 | @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
 2 | .nav-link{
 3 | 	margin-right: 15px;
 4 | 	color:#2F363F;
 5 | 	letter-spacing: 0.5px;
 6 | 	transition: 0.5s;
 7 | }
 8 | .navbar-brand{
 9 | 	color: #4C4B4B;
10 | 	letter-spacing: 0.5px;
11 | }
12 | h2{
13 | 	color: #4C4B4B;
14 | 	letter-spacing: 0.5px;
15 | 	font-family: raleway;
16 | }


--------------------------------------------------------------------------------
/css/table.css:
--------------------------------------------------------------------------------
 1 | *{
 2 | 	padding: 0;
 3 | 	margin: 0;
 4 | 	box-sizing: border-box;
 5 | 	font-family: sans-serif;
 6 | }
 7 | h2{
 8 | 	font-size: 40px;
 9 | }
10 | table{
11 | 	letter-spacing: 1.2px;
12 | }
13 | td{
14 | 	text-align: center;
15 | }
16 | button{
17 | 	border:none;
18 | 	background: #d9d9d9;
19 |     transition: 1s;
20 | }
21 | @media only screen and (orientation: portrait){
22 | 	*{
23 | 		letter-spacing: 1px;
24 | 	}
25 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Ayush Prajapati Banking System
 2 | Sparks Foundation Internship Project : Basic Banking System  
 3 | A Web Application used to transfer money between multiple users.  
 4 | 
 5 | Stack used - 
 6 | Front-end : HTML, CSS, Bootstrap & Javascript 
 7 | Back-end : PHP 
 8 | Database : MySQL   
 9 | 
10 | Database contains two Tables- Users Table & Transaction Table 
11 | 1. User table have basic fields such as name, email & current balance. 
12 | 2. Transaction table records all transfers happened along with their time.  
13 | 
14 | Flow of the Website: Home Page > View all Users > Select and View one User > Transfer Money > Select reciever > View all Users > View Transfer History.
15 | 


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
 1 | *{
 2 | 	padding: 0;
 3 | 	margin: 0;
 4 | 	box-sizing: border-box;
 5 | 	font-family: sans-serif;
 6 | }
 7 | .intro{
 8 | 	background: #EAF0F1;
 9 | }
10 | h1{
11 | 	color: #4C4B4B;
12 | 	font-weight: bold;
13 | 	transition: 0.5s;
14 | }
15 | h3{
16 | 	color:#2F363F;
17 | }
18 | button{
19 | 	border:none;
20 | 	border-radius: 8px;
21 | 	padding: 10px;
22 | 	background:#7B8788; 
23 | 	color:white;
24 | 	letter-spacing: 1.5px;
25 | 	font-size: 15px;
26 | 	transition: 0.5s;
27 | }
28 | button:hover,h1:hover{
29 | 	transform: scale(1.1);
30 | }
31 | button:hover{
32 | 	background-color:#4C4B4B;
33 | }
34 | footer{
35 | 	color:#586776;
36 | 	background-color:#EAF0F1;
37 | 	letter-spacing: 0.5px;
38 | }
39 | footer p{
40 | 	margin: 0;
41 | 	font-size: 15px;
42 | }
43 | @media only screen and (orientation:portrait){
44 | 	.intro{
45 | 		display:flex;
46 | 		flex-direction: column-reverse;
47 | 	}
48 | 	h1{
49 | 		font-size: 30px;
50 | 	}
51 | 	.act{
52 | 		padding-bottom: 100px;
53 | 	}
54 | }


--------------------------------------------------------------------------------
/navbar.php:
--------------------------------------------------------------------------------
 1 | <!-- navbar --> 
 2 |       <nav class="navbar navbar-expand-md navbar-light bg-light">
 3 |       <a class="navbar-brand" href="index.php" style="color : #C0392B;"><b>INDIAN BANK</b></a>
 4 |       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 5 |         <span class="navbar-toggler-icon"></span>
 6 |       </button>
 7 |       <div class="collapse navbar-collapse" id="collapsibleNavbar">
 8 |             <ul class="navbar-nav ml-auto">
 9 |               <li class="nav-item">
10 |                 <a class="nav-link" href="index.php" style="color : #C0392B;"><b>Home</b></a>
11 |               </li>
12 |               <li class="nav-item">
13 |                 <a class="nav-link" href="createuser.php" style="color : #C0392B;"><b>Create User</b></a>
14 |               </li>
15 |               <li class="nav-item">
16 |                 <a class="nav-link" href="transfermoney.php" style="color : #C0392B;"><b>Transfer Money</b></a>
17 |               </li>
18 |               <li class="nav-item">
19 |                 <a class="nav-link" href="transactionhistory.php" style="color : #C0392B;"><b>Transaction History</b></a>
20 |               </li>
21 |           </div>
22 |        </nav>
23 | 


--------------------------------------------------------------------------------
/sql/Indian_bank.sql:
--------------------------------------------------------------------------------
 1 | 
 2 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
 3 | START TRANSACTION;
 4 | SET time_zone = "+00:00";
 5 | 
 6 | 
 7 | 
 8 | -- --------------------------------------------------------
 9 | 
10 | --
11 | -- Table structure for table `transaction`
12 | --
13 | 
14 | CREATE TABLE `transaction` (
15 |   `sno` int(3) NOT NULL,
16 |   `sender` text NOT NULL,
17 |   `receiver` text NOT NULL,
18 |   `balance` int(8) NOT NULL,
19 |   `datetime` datetime NOT NULL DEFAULT current_timestamp()
20 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
21 | 
22 | -- --------------------------------------------------------
23 | 
24 | --
25 | -- Table structure for table `users`
26 | --
27 | 
28 | CREATE TABLE `users` (
29 |   `id` int(3) NOT NULL,
30 |   `name` text NOT NULL,
31 |   `email` varchar(30) NOT NULL,
32 |   `balance` int(8) NOT NULL
33 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
34 | 
35 | --
36 | -- Dumping data for table `users`
37 | --
38 | 
39 | INSERT INTO `users` (`id`, `name`, `email`, `balance`) VALUES
40 | (1, 'Salman', 'khan@gmail.com', 50000),
41 | (2, 'Kiara', 'advani@gmail.com', 30000),
42 | (3, 'Shahrukh', 'shah@gmail.com', 40000),
43 | (4, 'Priyanka', 'chopra@gmail.com', 50000),
44 | (5, 'Shahid', 'kapoor@gmail.com', 40000),
45 | (6, 'Ranbir', 'singh@gmail.com', 30000),
46 | (7, 'Deepika', 'padukone@gmail.com', 50000),
47 | (8, 'Juhi', 'chawla@gmail.com', 40000),
48 | (9, 'Nick', 'jonas@gmail.com', 30000),
49 | (10, 'Taapsee', 'pannu@gmail.com', 50000);
50 | 
51 | --
52 | -- Indexes for dumped tables
53 | --
54 | 
55 | --
56 | -- Indexes for table `transaction`
57 | --
58 | ALTER TABLE `transaction`
59 |   ADD PRIMARY KEY (`sno`);
60 | 
61 | --
62 | -- Indexes for table `users`
63 | --
64 | ALTER TABLE `users`
65 |   ADD PRIMARY KEY (`id`);
66 | 
67 | --
68 | -- AUTO_INCREMENT for dumped tables
69 | --
70 | 
71 | --
72 | -- AUTO_INCREMENT for table `transaction`
73 | --
74 | ALTER TABLE `transaction`
75 |   MODIFY `sno` int(3) NOT NULL AUTO_INCREMENT;
76 | 
77 | --
78 | -- AUTO_INCREMENT for table `users`
79 | --
80 | ALTER TABLE `users`
81 |   MODIFY `id` int(3) NOT NULL AUTO_INCREMENT;
82 | COMMIT;
83 | 
84 | 
85 | 


--------------------------------------------------------------------------------
/css/createuser.css:
--------------------------------------------------------------------------------
  1 | button,input {
  2 |   font-family: 'Montserrat', sans-serif;
  3 |   font-weight: 700;
  4 |   letter-spacing: 1.4px;
  5 | }
  6 | .background {
  7 |   width: 100%;
  8 |   display: flex;
  9 | }
 10 | 
 11 | .container {
 12 |   flex: 0 1 700px;
 13 |   width: 100%;
 14 |   margin: auto;
 15 |   padding: 10px;
 16 | }
 17 | 
 18 | .screen {
 19 |   position: relative;
 20 |   background: #d9d9d9;
 21 |   border-radius: 15px;
 22 |   box-shadow: 5px 10px 10px rgba(0, 0, 0, .25);
 23 | }
 24 | 
 25 | .screen-header {
 26 |   display: flex;
 27 |   align-items: center;
 28 |   padding: 10px 20px;
 29 |   background: #7B8788;
 30 |   border-top-left-radius: 15px;
 31 |   border-top-right-radius: 15px;
 32 | }
 33 | 
 34 | .screen-header-right {
 35 |   display: flex;
 36 | }
 37 | 
 38 | .screen-header-ellipsis {
 39 |   width: 5px;
 40 |   height: 5px;
 41 |   margin-left: 3px;
 42 |   border-radius: 8px;
 43 |   background: #d9d9d9;
 44 | }
 45 | 
 46 | .screen-body {
 47 |   display: flex;
 48 | }
 49 | 
 50 | .screen-body-item {
 51 |   flex: 1;
 52 |   padding: 50px;
 53 | }
 54 | .app-form-group {
 55 |   margin-bottom: 15px;
 56 | }
 57 | 
 58 | .app-form-group.button {
 59 |   margin-bottom: 0;
 60 |   text-align: right;
 61 |   position: absolute;
 62 |   bottom: 30px;
 63 |   right:40px;
 64 | }
 65 | 
 66 | .app-form-control{
 67 |   width: 100%;
 68 |   padding: 10px 0;
 69 |   background: none;
 70 |   border: none;
 71 |   border-bottom: 1px solid #4C4B4B;
 72 |   color: #4C4B4B;
 73 |   font-size: 14px;
 74 |   outline: none;
 75 |   transition: border-color .2s;
 76 | }
 77 | 
 78 | .app-form-control::placeholder {
 79 |   color: #666;
 80 | }
 81 | 
 82 | .app-form-control:focus {
 83 |   border-bottom-color: #4C4B4B;
 84 | }
 85 | 
 86 | .app-form-button {
 87 |   background: none;
 88 |   border: none;
 89 |   margin-left: 20px;
 90 |   color: #666;
 91 |   font-size: 14px;
 92 |   cursor: pointer;
 93 |   outline: none;
 94 | }
 95 | 
 96 | .app-form-button:hover {
 97 |   color: #262626;
 98 | }
 99 | 
100 | @media screen and (max-width: 520px) {
101 |   *{
102 |     letter-spacing:1px;
103 |   }
104 |   .container{
105 |     margin-left: 20px;
106 |     margin-right: 20px;
107 |     margin-bottom: 40px;
108 |   }
109 |   .screen-body {
110 |     flex-direction: column;
111 |   }
112 | 
113 |   .screen-body-item.left {
114 |     margin-bottom: 50px;
115 |   }
116 |   .app-form-button{
117 |     margin-top:5px;
118 |   }
119 | }
120 | 
121 | @media screen and (max-width: 600px) {
122 |   .screen-body {
123 |     padding: 40px;
124 |   }
125 | 
126 |   .screen-body-item {
127 |     padding: 0;
128 |   }
129 | }
130 | 


--------------------------------------------------------------------------------
/transactionhistory.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Transaction History</title>
 7 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
 8 |     <link rel="stylesheet" type="text/css" href="css/table.css">
 9 |     <link rel="stylesheet" type="text/css" href="css/navbar.css">
10 | </head>
11 | 
12 | <body style="background-color : #F1948A;">
13 | 
14 | <?php
15 |   include 'navbar.php';
16 | ?>
17 | 
18 | 	<div class="container">
19 |         <h2 class="text-center pt-4" style="color : black;">Transaction History</h2>
20 |         
21 |        <br>
22 |        <div class="table-responsive-sm">
23 |     <table class="table table-hover table-striped table-condensed table-bordered">
24 |         <thead style="color : black;">
25 |             <tr>
26 |                 <th class="text-center">S.No.</th>
27 |                 <th class="text-center">Sender</th>
28 |                 <th class="text-center">Receiver</th>
29 |                 <th class="text-center">Amount</th>
30 |                 <th class="text-center">Date & Time</th>
31 |             </tr>
32 |         </thead>
33 |         <tbody>
34 |         <?php
35 | 
36 |             include 'config.php';
37 | 
38 |             $sql ="select * from transaction";
39 | 
40 |             $query =mysqli_query($conn, $sql);
41 | 
42 |             while($rows = mysqli_fetch_assoc($query))
43 |             {
44 |         ?>
45 | 
46 |             <tr style="color : black;">
47 |             <td class="py-2"><?php echo $rows['sno']; ?></td>
48 |             <td class="py-2"><?php echo $rows['sender']; ?></td>
49 |             <td class="py-2"><?php echo $rows['receiver']; ?></td>
50 |             <td class="py-2"><?php echo $rows['balance']; ?> </td>
51 |             <td class="py-2"><?php echo $rows['datetime']; ?> </td>
52 |                 
53 |         <?php
54 |             }
55 | 
56 |         ?>
57 |         </tbody>
58 |     </table>
59 | 
60 |     </div>
61 | </div>
62 | <footer class="text-center mt-5 py-2">
63 |             <p>&copy 2021. Made by <b>AYUSH PRAJAPATI</b> <br> Ayush Prajapati Foundation</p>
64 | </footer>
65 | <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
66 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
67 | </body>
68 | </html>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <!-- Required meta tags -->
 5 |     <meta charset="utf-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 
 8 |     <!-- Bootstrap CSS -->
 9 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
10 |     <link rel="stylesheet" type="text/css" href="css/style.css">
11 |     <link rel="stylesheet" type="text/css" href="css/navbar.css">
12 | 
13 |     <title>Basic Banking System</title>
14 |   </head>
15 | 
16 |   <body>
17 |   <?php
18 |   include 'navbar.php';
19 |   ?>
20 |   
21 |       <div class="container-fluid">
22 |       <!-- Introduction section -->
23 |             <div class="row intro py-1" style="background-color : #82E0AA;">
24 |               <div class="col-sm-12 col-md">
25 |                 <div class="heading text-center my-5">
26 |                   <h3>Welcome to</h3>
27 |                   <h1>INDIAN BANK</h1>
28 |                 </div>
29 |               </div>
30 |               <div class="col-sm-12 col-md img text-center">
31 |                 <img src="img/bank.png" class="img-fluid pt-2">
32 |               </div>
33 |             </div>
34 | 
35 |       <!-- Activity section -->
36 |             <div class="row activity text-center">
37 |                   <div class="col-md act">
38 |                     <img src="img/user.jpg" class="img-fluid">
39 |                     <br>
40 |                     <a href="createuser.php"><button style="background-color : #2785C4;">Create a User</button></a>
41 |                   </div>
42 |                   <div class="col-md act">
43 |                     <img src="img/transfer.jpg" class="img-fluid">
44 |                     <br>
45 |                     <a href="transfermoney.php"><button style="background-color : #2785C4;">Make a Transaction</button></a>
46 |                   </div>
47 |                   <div class="col-md act">
48 |                     <img src="img/history.jpg" class="img-fluid">
49 |                     <br>
50 |                     <a href="transactionhistory.php"><button style="background-color : #2785C4;">Transaction History</button></a>
51 |                   </div>
52 |             </div>
53 |       </div>
54 |       <footer class="text-center mt-5 py-2">
55 |         <p>&copy 2021. Made by <b>AYUSH PRAJAPATI</b> <br> Ayush Prajapati Foundation</p>
56 |       </footer>
57 |       <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
58 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
59 |   </body>
60 | </html>


--------------------------------------------------------------------------------
/createuser.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Create User</title>
 7 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 8 |     <link rel="stylesheet" type="text/css" href="css/table.css">
 9 |     <link rel="stylesheet" type="text/css" href="css/navbar.css">
10 |     <link rel="stylesheet" type="text/css" href="css/createuser.css">
11 | </head>
12 | 
13 | <body style="background-color : #82E0AA;">
14 | <?php
15 |     include 'config.php';
16 |     if(isset($_POST['submit'])){
17 |     $name=$_POST['name'];
18 |     $email=$_POST['email'];
19 |     $balance=$_POST['balance'];
20 |     $sql="insert into users(name,email,balance) values('{$name}','{$email}','{$balance}')";
21 |     $result=mysqli_query($conn,$sql);
22 |     if($result){
23 |                echo "<script> alert('Hurray! User created');
24 |                                window.location='transfermoney.php';
25 |                      </script>";
26 |                     
27 |     }
28 |   }
29 | ?>
30 | 
31 | <?php
32 |   include 'navbar.php';
33 | ?>
34 | 
35 |         <h2 class="text-center pt-4" style="color : black;">Create a User</h2>
36 |         <br>
37 | 
38 |   <div class="background">
39 |   <div class="container">
40 |     <div class="screen">
41 |       <div class="screen-header">
42 |         <div class="screen-header-right">
43 |           <div class="screen-header-ellipsis"></div>
44 |           <div class="screen-header-ellipsis"></div>
45 |           <div class="screen-header-ellipsis"></div>
46 |         </div>
47 |       </div>
48 |       <div class="screen-body">
49 |         <div class="screen-body-item left">
50 |           <img class="img-fluid" src="img/user3.jpg" style="border: none; border-radius: 50%;">
51 |         </div>
52 |         <div class="screen-body-item">
53 |           <form class="app-form" method="post">
54 |             <div class="app-form-group">
55 |               <input class="app-form-control" placeholder="NAME" type="text" name="name" required>
56 |             </div>
57 |             <div class="app-form-group">
58 |               <input class="app-form-control" placeholder="EMAIL" type="email" name="email" required>
59 |             </div>
60 |             <div class="app-form-group">
61 |               <input class="app-form-control" placeholder="BALANCE" type="number" name="balance" required>
62 |             </div>
63 |             <br>
64 |             <div class="app-form-group button">
65 |               <input class="app-form-button" type="submit" value="CREATE" name="submit"></input>
66 |               <input class="app-form-button" type="reset" value="RESET" name="reset"></input>
67 |             </div>
68 |           </form>
69 |         </div>
70 |       </div>
71 |     </div>
72 |   </div>
73 | </div>
74 | <footer class="text-center mt-5 py-2">
75 |             <p>&copy 2021. Made by <b>AYUSH PRAJAPATI</b> <br> Ayush Prajapati Foundation</p>
76 | </footer>
77 | <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
78 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
79 | </body>
80 | </html>


--------------------------------------------------------------------------------
/transfermoney.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Transfer Money</title>
 7 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 8 |     <link rel="stylesheet" type="text/css" href="css/table.css">
 9 |     <link rel="stylesheet" type="text/css" href="css/navbar.css">
10 | 
11 |     <style type="text/css">
12 |       button{
13 |         transition: 1.5s;
14 |       }
15 |       button:hover{
16 |         background-color:#616C6F;
17 |         color: white;
18 |       }
19 |     </style>
20 | </head>
21 | 
22 | <body style="background-color : #BDC3C7;">
23 | <?php
24 |     include 'config.php';
25 |     $sql = "SELECT * FROM users";
26 |     $result = mysqli_query($conn,$sql);
27 | ?>
28 | 
29 | <?php
30 |   include 'navbar.php';
31 | ?>
32 | 
33 | <div class="container">
34 |         <h2 class="text-center pt-4" style="color : black;">Transfer Money</h2>
35 |         <br>
36 |             <div class="row">
37 |                 <div class="col">
38 |                     <div class="table-responsive-sm">
39 |                     <table class="table table-hover table-sm table-striped table-condensed table-bordered" style="border-color:black;">
40 |                         <thead style="color : black;">
41 |                             <tr>
42 |                             <th scope="col" class="text-center py-2">Id</th>
43 |                             <th scope="col" class="text-center py-2">Name</th>
44 |                             <th scope="col" class="text-center py-2">E-Mail</th>
45 |                             <th scope="col" class="text-center py-2">Balance</th>
46 |                             <th scope="col" class="text-center py-2">Operation</th>
47 |                             </tr>
48 |                         </thead>
49 |                         <tbody>
50 |                 <?php 
51 |                     while($rows=mysqli_fetch_assoc($result)){
52 |                 ?>
53 |                     <tr style="color : black;">
54 |                         <td class="py-2"><?php echo $rows['id'] ?></td>
55 |                         <td class="py-2"><?php echo $rows['name']?></td>
56 |                         <td class="py-2"><?php echo $rows['email']?></td>
57 |                         <td class="py-2"><?php echo $rows['balance']?></td>
58 |                         <td><a href="selecteduserdetail.php?id= <?php echo $rows['id'] ;?>"> <button type="button" class="btn" style="background-color : #A569BD;">Transact</button></a></td> 
59 |                     </tr>
60 |                 <?php
61 |                     }
62 |                 ?>
63 |             
64 |                         </tbody>
65 |                     </table>
66 |                     </div>
67 |                 </div>
68 |             </div> 
69 |          </div>
70 |          <footer class="text-center mt-5 py-2">
71 |             <p>&copy 2021. Made by <b>AYUSH PRAJAPATI</b> <br> Ayush Prajapati Foundation</p>
72 |         </footer>
73 |          <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
74 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script> 
75 | </body>
76 | </html>


--------------------------------------------------------------------------------
/selecteduserdetail.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include 'config.php';
  3 | 
  4 | if(isset($_POST['submit']))
  5 | {
  6 |     $from = $_GET['id'];
  7 |     $to = $_POST['to'];
  8 |     $amount = $_POST['amount'];
  9 | 
 10 |     $sql = "SELECT * from users where id=$from";
 11 |     $query = mysqli_query($conn,$sql);
 12 |     $sql1 = mysqli_fetch_array($query); // returns array or output of user from which the amount is to be transferred.
 13 | 
 14 |     $sql = "SELECT * from users where id=$to";
 15 |     $query = mysqli_query($conn,$sql);
 16 |     $sql2 = mysqli_fetch_array($query);
 17 | 
 18 | 
 19 | 
 20 |     // constraint to check input of negative value by user
 21 |     if (($amount)<0)
 22 |    {
 23 |         echo '<script type="text/javascript">';
 24 |         echo ' alert("Oops! Negative values cannot be transferred")';  // showing an alert box.
 25 |         echo '</script>';
 26 |     }
 27 | 
 28 | 
 29 |   
 30 |     // constraint to check insufficient balance.
 31 |     else if($amount > $sql1['balance']) 
 32 |     {
 33 |         
 34 |         echo '<script type="text/javascript">';
 35 |         echo ' alert("Bad Luck! Insufficient Balance")';  // showing an alert box.
 36 |         echo '</script>';
 37 |     }
 38 |     
 39 | 
 40 | 
 41 |     // constraint to check zero values
 42 |     else if($amount == 0){
 43 | 
 44 |          echo "<script type='text/javascript'>";
 45 |          echo "alert('Oops! Zero value cannot be transferred')";
 46 |          echo "</script>";
 47 |      }
 48 | 
 49 | 
 50 |     else {
 51 |         
 52 |                 // deducting amount from sender's account
 53 |                 $newbalance = $sql1['balance'] - $amount;
 54 |                 $sql = "UPDATE users set balance=$newbalance where id=$from";
 55 |                 mysqli_query($conn,$sql);
 56 |              
 57 | 
 58 |                 // adding amount to reciever's account
 59 |                 $newbalance = $sql2['balance'] + $amount;
 60 |                 $sql = "UPDATE users set balance=$newbalance where id=$to";
 61 |                 mysqli_query($conn,$sql);
 62 |                 
 63 |                 $sender = $sql1['name'];
 64 |                 $receiver = $sql2['name'];
 65 |                 $sql = "INSERT INTO transaction(`sender`, `receiver`, `balance`) VALUES ('$sender','$receiver','$amount')";
 66 |                 $query=mysqli_query($conn,$sql);
 67 | 
 68 |                 if($query){
 69 |                      echo "<script> alert('Transaction Successful');
 70 |                                      window.location='transactionhistory.php';
 71 |                            </script>";
 72 |                     
 73 |                 }
 74 | 
 75 |                 $newbalance= 0;
 76 |                 $amount =0;
 77 |         }
 78 |     
 79 | }
 80 | ?>
 81 | 
 82 | <!DOCTYPE html>
 83 | <html lang="en">
 84 | <head>
 85 |     <meta charset="UTF-8">
 86 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 87 |     <title>Transaction</title>
 88 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 89 |     <link rel="stylesheet" type="text/css" href="css/table.css">
 90 |     <link rel="stylesheet" type="text/css" href="css/navbar.css">
 91 | 
 92 |     <style type="text/css">
 93 |     	
 94 | 		button{
 95 | 			border:none;
 96 | 			background: #d9d9d9;
 97 | 		}
 98 | 	    button:hover{
 99 | 			background-color:#777E8B;
100 | 			transform: scale(1.1);
101 | 			color:white;
102 | 		}
103 | 
104 |     </style>
105 | </head>
106 | 
107 | <body style="background-color : #E59866 ;">
108 |  
109 | <?php
110 |   include 'navbar.php';
111 | ?>
112 | 
113 | 	<div class="container">
114 |         <h2 class="text-center pt-4" style="color : black;">Transaction</h2>
115 |             <?php
116 |                 include 'config.php';
117 |                 $sid=$_GET['id'];
118 |                 $sql = "SELECT * FROM  users where id=$sid";
119 |                 $result=mysqli_query($conn,$sql);
120 |                 if(!$result)
121 |                 {
122 |                     echo "Error : ".$sql."<br>".mysqli_error($conn);
123 |                 }
124 |                 $rows=mysqli_fetch_assoc($result);
125 |             ?>
126 |             <form method="post" name="tcredit" class="tabletext" ><br>
127 |         <div>
128 |             <table class="table table-striped table-condensed table-bordered">
129 |                 <tr style="color : black;">
130 |                     <th class="text-center">Id</th>
131 |                     <th class="text-center">Name</th>
132 |                     <th class="text-center">Email</th>
133 |                     <th class="text-center">Balance</th>
134 |                 </tr>
135 |                 <tr style="color : black;">
136 |                     <td class="py-2"><?php echo $rows['id'] ?></td>
137 |                     <td class="py-2"><?php echo $rows['name'] ?></td>
138 |                     <td class="py-2"><?php echo $rows['email'] ?></td>
139 |                     <td class="py-2"><?php echo $rows['balance'] ?></td>
140 |                 </tr>
141 |             </table>
142 |         </div>
143 |         <br><br><br>
144 |         <label style="color : black;"><b>Transfer To:</b></label>
145 |         <select name="to" class="form-control" required>
146 |             <option value="" disabled selected>Choose</option>
147 |             <?php
148 |                 include 'config.php';
149 |                 $sid=$_GET['id'];
150 |                 $sql = "SELECT * FROM users where id!=$sid";
151 |                 $result=mysqli_query($conn,$sql);
152 |                 if(!$result)
153 |                 {
154 |                     echo "Error ".$sql."<br>".mysqli_error($conn);
155 |                 }
156 |                 while($rows = mysqli_fetch_assoc($result)) {
157 |             ?>
158 |                 <option class="table" value="<?php echo $rows['id'];?>" >
159 |                 
160 |                     <?php echo $rows['name'] ;?> (Balance: 
161 |                     <?php echo $rows['balance'] ;?> ) 
162 |                
163 |                 </option>
164 |             <?php 
165 |                 } 
166 |             ?>
167 |             <div>
168 |         </select>
169 |         <br>
170 |         <br>
171 |             <label style="color : black;"><b>Amount:</b></label>
172 |             <input type="number" class="form-control" name="amount" required>   
173 |             <br><br>
174 |                 <div class="text-center" >
175 |             <button class="btn mt-3" name="submit" type="submit" id="myBtn" >Transfer</button>
176 |             </div>
177 |         </form>
178 |     </div>
179 |     <footer class="text-center mt-5 py-2">
180 |             <p>&copy 2021. Made by <b>AYUSH PRAJAPATI</b> <br> Ayush Prajapati Foundation</p>
181 |     </footer>
182 | <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
183 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
184 | </body>
185 | </html>


--------------------------------------------------------------------------------