new build

experiment/aim.md

@@ -1 +1,4 @@
 ### Aim of the experiment
+
+<div style="font-size: 1.2rem;">
+ The main objective of this experiment is to  test and understand the properties and  difference between how the data is stored in conventional database and blockchain .</div>

experiment/contributors.md

@@ -1,11 +1,17 @@
 EMPTY
+
 <!-- Remove all lines above this line before making changes to the file -->
+
 ### Subject Matter Experts
-| SNo. | Name | Email | Institute | ID |
-| :---: | :---: | :---: | :---: | :---: |
-| 1 | name | email | institute | id |
+
+| SNo. | Name | Email | Institute | ID  |
+| :--: | :--: | :---: | :-------: | :-: |
+|  1   | name | email | institute | id  |
 
 ### Developers
-| SNo. | Name | Email | Institute | ID |
-| :---: | :---: | :---: | :---: | :---: |
-| 1 | name | email | institute | id |
+
+| SNo. |    Name     |          Email           |                Institute                |    ID    |
+| :--: | :---------: | :----------------------: | :-------------------------------------: | :------: |
+|  1   |   Aarsha    |  aarshavj@am.amrita.edu  | amrita vishwa vidthyapeetham,amritapuri | 12230904 |
+|  2   |   Anandi    |  anandik@am.amrita.edu   | amrita vishwa vidthyapeetham,amritapuri | 12230912 |
+|  2   | Arun Prabhu | arunprabhu@am.amrita.edu | amrita vishwa vidthyapeetham,amritapuri | 12230517 |

experiment/procedure.md

@@ -1 +1,29 @@
-### Procedure
+### Procedure
+
+<h2>Experiment to Test the properties of Blockchain and understand how it is different from conventional databases.</h2>
+
+<h3>Inorder to show the difference between conventional database and blockchain database we have developed a use case centered around product purchases where  users input their purchase details, and upon completing the transaction, they receive a receipt Subsequently, users can view their transaction history in both conventional and blockchain databases,thus the user will be able to understand the difference and properties of both conventional and blockchain databases   </h3>
+
+<!-- <h3>Will take a real world scenario to illustrate the difference between conventional databases and blockchain databases for that will simulate a online purchase transaction where an item can be selected and purchased.the user will be able to add new item by providing the product name and price. upon adding the item the product will be listed with buy option  a successfull transaction ends with generating a reciept which will be added to the transaction log. the user will have choice to opt between conventional database and blockchain database thus allowing the user to understand the difference between conventional and blockchain database   -->
+
+  <h4> Click the add button to create a new item by providing the product name and price </h4>
+  <div style="text-align-center;">
+ <img src="./images/addproduct.png" alt="conventional databse"></div>
+ <h4>   Click the buy button where the user can select product and  proceed to purchase products </h4>
+<div style="text-align-center;">
+ <img src="./images/full.png" alt="conventional databse"></div>
+
+  <h4>Successfull transaction end with generating a reciept  </h4>
+<div style="text-align-center;">
+ <img src="./images/receipt.png" alt="conventional databse"></div>
+  <h4> Click  the transaction history link provided with reciept  which will show two options to </h4> view data 
+<div style="text-align-center;">
+ <img src="./images/button.png" alt="conventional databse"></div>
+
+ <h4> Clicking on conventional database will allow the user to view a table populated with data . </h4>
+<div style="text-align-center;">
+ <img src="./images/table.png" alt="conventional databse"></div>
+
+ <h4>Clicking on blockchain database will allow the user to view how data is stored in blockchain database  </h4>
+<div style="text-align-center;">
+ <img src="./images/block.png" alt="conventional databse"></div>

experiment/references.md

@@ -1 +1 @@
-### Link your references in here
+### Link your references in here

experiment/simulation/index.html

@@ -1,13 +1,45 @@
 <!DOCTYPE html>
-<html>
-<head>
-	<!-- Add CSS at the head of HTML file -->
-    <link rel="stylesheet" href="./css/main.css">
-</head>
-<body>
-		<!-- Your code goes here-->
-
-	<!-- Add JS at the bottom of HTML file --> 
-        <script src="./js/main.js"></script>
-</body>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="./favicon.ico" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="./logo192.png" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
+      crossorigin="anonymous"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
+      crossorigin="anonymous"
+    ></script>
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <link
+      rel="stylesheet"
+      charset="UTF-8"
+      href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
+    />
+    <link rel="manifest" href="./manifest.json" />
+    <title>React App</title>
+    <script defer="defer" src="./js/main.1ede34af.js"></script>
+    <link href="./css//main.5ef1ae1d.css" rel="stylesheet" />
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
 </html>