diff --git a/README.md b/README.md
index 304a16f1..013a49bb 100755
--- a/README.md
+++ b/README.md
@@ -1,89 +1,14 @@
 Assignment 2 - Short Stack: Basic Two-tier Web Application using HTML/CSS/JS and Node.js  
 ===
 
-Due: September 9th, by 11:59 AM.
+## Best Movies in the WORLD
+This website presents the best movies (according to my opinion, but also allows the user to add movies to the page).There were a lot of challenges getting the server to work with the page. Also to geth the users input to add to the table of movies. I looked up ways to connect the server and try and project the user input onto the page. The page could use a lot more styling and maybe more information on the movies. 
 
-This assignment aims to introduce you to the concepts and practice involved in creating a prototype (i.e. not deployment ready) two-tiered web application. 
-
-The baseline aims of this assignment involve creating an application that demonstrates the use of several specific pieces of HTML, CSS, JavaScript, and Node.js functionality.
-Another aim of this assignment is to establish creative boundaries in which you and your partner can explore designing, implementing, and evaluating usable, useful, novel, and technically efficient web applications.
-
-Baseline Requirements
----
-
-Note that there is a very large range of application areas and possibilities that meet these baseline requirements.
-Games, internet of things, organizational tools, commerce, media - all are possibilities with a two-tiered form-focused web application.
-
-Do not limit yourselves to any of the examples given below. 
-Examples like the upcoming `efficiency_ratio` idea for the `cars` dataset are meant to be illustrative and easy to understand.
-They are not intended to be sensible or useful ideas.
-
-Your application is required to implement the following functionalities:
-
-- a `Server` which not only serves files, but also maintains a tabular dataset with 3 or more fields related to your application
-- a `Results` functionality which shows the entire dataset residing in the server's memory
-- a `Form/Entry` functionality which allows a user to add, modify, or delete data items residing in the server's memory
-- a `Server Logic` which, upon receiving new or modified "incoming" data, includes and uses a function that adds at least one additional derived field to this incoming data before integrating it with the existing dataset
-    - the `Derived field` for a new row of data must be computed based on fields already existing in the row. For example, a `cars` dataset with `year`, `horsepower`, and `fuel_efficiency` may create a new field `efficiency_ratio` by dividing `fuel_efficiency` by `horsepower`
-
-Your application is required to demonstrate the use of the following concepts:
-
-HTML:
-- One or more [HTML Forms](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms), with any combination of form tags appropriate for the user input portion of the application
-    - Clarification: the results page can be implemented in any way. `<div>`s, `table`s, and `list`s are common choices
-
-CSS:
-- CSS styling of the primary visual elements in the application
-- Various CSS Selector functionality must be demonstrated:
-    - Element selectors
-    - ID selectors
-    - Class selectors
-- CSS positioning and sizing of the primary visual elements in the application:
-    - CSS to cause at least one element to be horizontally centered on the page
-    - CSS to cause at least one pair of elements to appear side-by-side
-    - CSS defined in a maintainable, readable form, in external stylesheets 
-
-JavaScript:
-- At minimum, a small amount of front-end JavaScript to get / fetch data from the server; a sample is provided in this repository.
-
-Node.js:
-- An HTTP Server that delivers all necessary files and data for the application. A starting point is provided in this repository.
-
-Deliverables
----
-
-Do the following to complete this assignment:
-
-1. Fork the starting project code. This repo contains some starter code that may be used or discarded as needed.
-2. Implement your project with the above requirements.
-3. Test your project to make sure that when someone goes to your main page, it displays correctly.
-4. Deploy your project to Glitch, and fill in the appropriate fields in your package.json file.
-5. Ensure that your project has the proper naming scheme `a2-yourname` so we can find it.
-6. Modify the Readme to the specifications below.
-7. Create and submit a Pull Request to the original repo. Label the pull request as follows: a2-gitusername-firstname-lastname
-
-Sample Readme (delete the above when you're ready to submit, and modify the below so with your links and descriptions)
----
-
-## Your Web Application Title
-Include a very brief summary of your project here.
-Images are encouraged, along with concise, high-level text.
-
-Here is a sample formula for summarizing your activities, talk about:
-- the domain area the project pertains to
-- the main challenges or problems the application addresses
-- the key innovations that make it possible to address the problem
-- the main results of the implementation, does it really address the problem?
-- any additional implications of the resulting application, or possibly areas for future work that have been discovered as part of the design and implementation activities
-
-(Note that when I use the above formula, I aim to have only one sentence per thought in order to remain concise.)
-
-http://a2-charlieroberts.glitch.me
+http://a2-ncarvajalerker.glitch.me
 
 ## Technical Achievements
-- **Tech Achievement 1**: Using a combination of...
-- **Tech Achievement 2**: ...
+- **Tech Achievement 1**: Using a combination of html and javascript I was able to take in the users input and add it to a table of information, where the information is organized.
 
 ### Design/Evaluation Achievements
-- **Design Achievement 1**: Shown in `style.css`, the code...
-- **Design Achievement 2**: We tested the application with n=X users, finding that...
+- **Design Achievement 1**: Changing the color of the text when inputing it into the fields.
+
diff --git a/public/index.html b/public/index.html
index c56d620e..b710f07c 100755
--- a/public/index.html
+++ b/public/index.html
@@ -5,32 +5,115 @@
     <meta charset="utf-8">
   </head>
   <body>
-    <form action="">
-      <input type='text' id='yourname' value="your name here">
-      <button>submit</button>
-    </form>
+    <h1 style="color: powderblue;">
+      Best Movies in the WORLD:
+    </h1>
+    
+     <div class="container">
+      <div class="row">
+        <div class="col-3"></div>
+      
+        <div class="col-3"></div>
+      </div>
+    </div>
+    <div id="table" >
+      <table id="results" class="table table-striped"></table>
+    </div>
+    
+    <div id="subForm" class="container">
+      <form action="">
+      <input style="color: powderblue;" type="text" id="title" placeholder="Input a movie title" class="form-control"><br>
+      <div class="row">
+        <div class="col-3">
+          <input style="color: powderblue;" type="text" id="year" placeholder="Year" class="form-control">
+        </div>
+         <div class="col-3">
+          <input style="color: powderblue;" type="text" id="direct" placeholder="Director" class="form-control">
+      </div>
+      </div>
+        
+        <button style="color: blue;" id="submit" class="btn btn-primary">ADD</button>
+      </form>
+    </div>
   </body>
+  
+  <script src="server.improved.js"></script>
   <script>
-
-  const submit = function( e ) {
+    var title = ["Avengers: Endgame", "Pay It Forward", "The Princess Bride", "A Beautiful Mind", "Black Panther"];
+    var year = ["2019", "2000", "1987", "2001", "2018"];
+    var direct = ["Russo", "Lender", "Reiner", "Howard", "Coogler"];
+    var movies = {
+      title: titleArr,
+      year: yearArr,
+      direct: directArr
+  }
+    
+    const submit = function( e ) {
     // prevent default form action from being carried out
     e.preventDefault()
+  
+    const input = document.getElementById( 'title' ),
+          yearInput = document.getElementById('year'),
+          directInput = document.getElementById('direct')
+    var json;
+    var body;    
+      json = {action : "add", title: input.value, year : yearInput.value, direct : directInput.value,};
+      body = JSON.stringify(json)
 
-    const input = document.querySelector( '#yourname' ),
-          json = { yourname: input.value },
-          body = JSON.stringify( json )
-
-    fetch( '/submit', {
+   fetch( '/submit', {
       method:'POST',
       body 
     })
+      
     .then( function( response ) {
-      // do something with the reponse 
-      console.log( response )
-    })
-
+     console.log(response);
+      return response.json();
+    }).then(function(data){
+     titleArr = [];
+     yearArr = [];
+     directArr = [];
+     console.log(data.objs[0].dept)
+     for(let myData in data.objs){
+       titleArr.push(data.objs[myData].title);
+       yearArr.push(data.objs[myData].year);
+       directArr.push(data.objs[myData].direct);
+     }
+     console.log(titleArr)
+     movies.title= titleArr
+     movies.year= yearArr
+     movies.direct = directArr
+     console.log(movies)
+     
+     var table = document.getElementById("results");
+     while(table.hasChildNodes()){
+       table.removeChild(table.firstChild);
+    }
+    var header = table.createTHead();
+    var row = header.insertRow(0);
+    for(var i in list){
+      var cell = row.insertCell(0);
+      cell.innerHTML = "<strong>"+list[3-i]+"</strong>";
+    }
+    for(var i in data.objs){
+      row = header.insertRow()
+      cell = row.insertCell()
+      cell.innerHTML = i;
+      for(var j = 1; j < 4; j++){
+        cell = row.insertCell(j);
+        if(j == 1){
+          cell.innerHTML = data.objs[i].title;
+        }
+        else if(j == 2){
+          cell.innerHTML = data.objs[i].year;
+        }
+        else{
+          cell.innerHTML = data.objs[i].direct;
+        }
+      }
+    } 
+     })
     return false
-  }
+  } 
 
   window.onload = function() {
     const button = document.querySelector( 'button' )
diff --git a/server.improved.js b/server.improved.js
index 26673fc0..1b55d206 100644
--- a/server.improved.js
+++ b/server.improved.js
@@ -7,9 +7,11 @@ const http = require( 'http' ),
       port = 3000
 
 const appdata = [
-  { 'model': 'toyota', 'year': 1999, 'mpg': 23 },
-  { 'model': 'honda', 'year': 2004, 'mpg': 30 },
-  { 'model': 'ford', 'year': 1987, 'mpg': 14} 
+  { 'title': 'Avengers: Endgame', 'year': 2019, 'direct': 'Russo' },
+  { 'title': 'Pay It Forward', 'year': 2004, 'direct': 'Lender'},
+  { 'title': 'The Princess Bride', 'year': 1987, 'direct': 'Reiner'},
+   { 'title': 'A Beautiful Mind', 'year': 2001, 'direct': 'Howard'},
+   { 'title': 'Black Panther', 'year': 2018, 'direct': 'Coogler'} 
 ]
 
 const server = http.createServer( function( request,response ) {
@@ -32,18 +34,21 @@ const handleGet = function( request, response ) {
 
 const handlePost = function( request, response ) {
   let dataString = ''
+  let flag = 0;
 
   request.on( 'data', function( data ) {
       dataString += data 
   })
 
   request.on( 'end', function() {
-    console.log( JSON.parse( dataString ) )
-
-    // ... do something with the data here!!!
+    let inputData = ( JSON.parse( dataString ) )
+    let action = inputData.action
+  
 
     response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
-    response.end()
+    //movies().each(function (r){json = {title:r = titlesArr, year:r = yearArr, direct:r = directArr}})
+    //send={objs:finaljson} JSON.stringify(jsonSend)
+    response.end();
   })
 }