diff --git a/controllers/apiController.js b/controllers/apiController.js
index c4019b2..0291468 100644
--- a/controllers/apiController.js
+++ b/controllers/apiController.js
@@ -1,4 +1,5 @@
 function index(req, res) {
+  //excellent documentation and style
   res.json({
     message: 'Welcome to TechSpace! Your main hub for local tech events',
     documentation_url: 'https://github.com/mwiley322/Project1-EventApp',
diff --git a/controllers/eventController.js b/controllers/eventController.js
index 1399914..f0e2e7e 100644
--- a/controllers/eventController.js
+++ b/controllers/eventController.js
@@ -24,6 +24,7 @@ function show(req, res) {
 // GET /api/searchKeyword
 function searchKeyword(req, res) {
   var searchQuery = req.query.keyword;
+  //remove console logs after pushing
   console.log("WE ARE IN SEARCHKEYWORD FUNCTION", searchQuery);
   db.Event.find({keywords: searchQuery}, function(err, matchedEvents){
     if (err)
@@ -35,6 +36,7 @@ function searchKeyword(req, res) {
   });
 }
 
+//AWESOME
 function searchDate(req, res) {
   var searchQuery = req._parsedOriginalUrl.query;
   console.log("WE ARE IN SEARCHDATE FUNCTION", searchQuery);
@@ -58,6 +60,7 @@ function create(req, res) {
   });
 }//closes create function
 
+//these aren't currently used, will maybe be used for users
 // PUT /api/events/:id
 function update(req, res) {
   console.log('event update: ', req.params);
diff --git a/models/event.js b/models/event.js
index bf68377..2aef74d 100644
--- a/models/event.js
+++ b/models/event.js
@@ -1,6 +1,8 @@
 var mongoose = require('mongoose');
 var Schema = mongoose.Schema;
 
+//challenge: in real-world applications, you can prevent people from upvoting
+//multiple times on a single event using sessions/cookies
 var EventSchema = new Schema ({
   eventName: String, //req
   description: String, //req
@@ -11,7 +13,7 @@ var EventSchema = new Schema ({
   externalResource: { type: String, default: '' },
   posterEmail: String,
   keywords: [ String ], //searchable . required.
-  imageUrl: { type: String, default: 'images/NoImageFound.jpg' }
+  imageUrl: { type: String, default: 'images/NoImageFound.jpg' }//nice
 });
 
 //our model to create events
diff --git a/public/scripts/app.js b/public/scripts/app.js
index aaa36bb..fc4a202 100644
--- a/public/scripts/app.js
+++ b/public/scripts/app.js
@@ -1,17 +1,4 @@
 console.log('app.js is loaded!');
-var myTags = [];
-var availableTags = [
-  "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran","functions","HTML","CSS","WebGL","Bubble sort",
-  "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Picnic", "Beer", "Party", "Lecture", "Education",
-  "Meetup", "Formal", "MEAN","React","JS", "Full stack", "Interview","Algorithms","Front-end","Back-end", "Database",
-  "Web design","Graphic design","Design","LinkedIn","Resume","Computer science","Ruby", "Open bar", "La Croix","Rails",
-  "MongoDB","Networking","Mongoose","Job fair","Coding","General Assembly","Whiteboard","Hangout","Social","Brand","WDI 36",
-  "Web development","C+","Handlebars","SASS","Beginners","Intermediate","Advanced","Python","Ruby","Scala","Scheme",
-  "Hack Reactor", "ES6","Node.js", "Express", "Knitting", "Skydiving", "dogs", "cats", "Other", "Veterans", "Github",
-  "Hackathon", "Dating", "iOS Development", "UX", "UI", "Photoshop", "Adobe", "SQL", "Mentor", "Robotics", "Rocket science",
-  "Science", "Startup", "Agile Development", "International", "Soylent", "Exercise", "Beards", "Ponies JS", "Datepicker"
-];
-var $searchForm;
 
 $(document).ready(function() {
   console.log('dom is loaded!');
@@ -84,6 +71,24 @@ $(document).ready(function() {
 
 }); //closes DOM ready function
 
+//maybe consider making a separate file for constants to cut down on file size
+var myTags = [];
+var availableTags = [
+  "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran","functions","HTML","CSS","WebGL","Bubble sort",
+  "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Picnic", "Beer", "Party", "Lecture", "Education",
+  "Meetup", "Formal", "MEAN","React","JS", "Full stack", "Interview","Algorithms","Front-end","Back-end", "Database",
+  "Web design","Graphic design","Design","LinkedIn","Resume","Computer science","Ruby", "Open bar", "La Croix","Rails",
+  "MongoDB","Networking","Mongoose","Job fair","Coding","General Assembly","Whiteboard","Hangout","Social","Brand","WDI 36",
+  "Web development","C+","Handlebars","SASS","Beginners","Intermediate","Advanced","Python","Ruby","Scala","Scheme",
+  "Hack Reactor", "ES6","Node.js", "Express", "Knitting", "Skydiving<3", "dogs", "cats", "Other", "Veterans", "Github",
+  "Hackathon", "Dating", "iOS Development", "UX", "UI", "Photoshop", "Adobe", "SQL", "Mentor", "Robotics", "Rocket science",
+  "Science", "Startup", "Agile Development", "International", "Soylent", "Exercise", "Beards", "Ponies JS", "Datepicker"
+];
+
+var $searchForm;
+//this is great
+//mini map for each event with lat and long visible
+//https://www.google.com/maps/place/General+Assembly+San+Francisco/@37.7908769,-122.4034853,17z/data=!3m1!4b1!4m5!3m4!1s0x80858089e0535dc1:0x712e622328a7c068!8m2!3d37.7908727!4d-122.4012966
 function initMap() {
   var myLatLng = {lat: 37.7749295, lng: -122.4194155};
   var map = new google.maps.Map(document.getElementById('map'), {
diff --git a/public/styles/styles.css b/public/styles/styles.css
index ce5ecad..e9fd800 100644
--- a/public/styles/styles.css
+++ b/public/styles/styles.css
@@ -13,10 +13,7 @@ header {
 }
 
 /*#eek {
-  z-index: 9999;
-  position: fixed;
-  width: 100%;
-  background-color: white;
+get rid of unused stuff
 }*/
 
 nav {
diff --git a/views/index.html b/views/index.html
index b745960..361b640 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,153 +1,155 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Tech events in your area</title>
-  <!--LINKS-->
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
-  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-  <script src="../scripts/bootstrap-datepicker.min.js"></script>
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-  <script src="../scripts/app.js"></script>
-  <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5kYxgepCMW1rcXGTW5jEYuxQQnR2gvFA&callback=initMap"></script>
-  <link rel="stylesheet" href="../styles/styles.css">
-  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
-  <link rel="stylesheet" href="../styles/datepicker.css">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-</head>
-<body>
-  <div id="eek">
-  <header class="tippytop">
-    <h1 class="mainHeader">TechSpace</h1>
-  </header>
-  <!--NAV BAR-->
-    <nav class="navbar navbar-default" role="navigation">
-      <div class="col-lg-6">
-        <!-- SEARCH FORM AND SUBMIT  -->
-        <form class="navbar-form" role="search">
-          <div class="form-group ui-widget searchHolder">
-            <input type="text" class="form-control" id="eventSearchForm" name="keyword" placeholder="Type a keyword..." required>
-            <button type="submit" id="eventSearchButton" class="btn btn-default">Search</button>
-          </div>
-        </form>
-      </div>
-      <div class="col-lg-6">
-        <div class="row">
-          <!--button to trigger create new event modal-->
-          <button type="button" id="createNewEventBtn" class="btn btn-primary pull-right" data-toggle="modal" data-target="#newEventModal">
-            Create Event
-          </button>
-        </div>
-      </div>
-    </nav>
-  </div>
-
-      <!-- Modal -->
-      <div class="modal fade" id="newEventModal" tabindex="-1" role="dialog" aria-labelledby="newEventModalLabel">
-        <div class="modal-dialog" role="document">
-          <div class="modal-content">
-            <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <legend class="modal-title" id="newEventModalLabel">Create a New Event</legend>
-            </div>
-            <div class="modal-body">
-              <form class="form-horizontal" id="newEventForm">
-                <fieldset>
-                  <!-- Text input for Event Name-->
-                  <div class="form-group">
-                    <label class="col-md-4 control-label" for="name">Event Name</label>
-                    <div class="col-md-6">
-                      <input id="name" name="eventName" type="text" placeholder="Event Name" class="form-control input-md" required="">
-                    </div>
-                  </div>
-                  <!-- Text input for location-->
-                  <div class="form-group">
-                    <label class="col-md-4 control-label" for="eventLocation">Location</label>
-                    <div class="col-md-6">
-                      <input id="eventLocation" name="location" type="text" placeholder="General Assembly" class="form-control input-md" required>
-                    </div>
-                  </div>
-                  <!-- Text input for poster's email-->
-                  <div class="form-group">
-                    <label class="col-md-4 control-label" for="posterEmail">Your email address</label>
-                    <div class="col-md-6">
-                      <input id="posterEmail" name="posterEmail" type="text" placeholder="Email" class="form-control input-md" required>
-                    </div>
-                  </div>
-                  <!-- Text input for date-->
-                  <div class="form-group">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Tech events in your area</title>
+        <!--LINKS-->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+        <script src="../scripts/bootstrap-datepicker.min.js"></script>
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <script src="../scripts/app.js"></script>
+        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5kYxgepCMW1rcXGTW5jEYuxQQnR2gvFA&callback=initMap"></script>
+        <link rel="stylesheet" href="../styles/styles.css">
+        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+        <link rel="stylesheet" href="../styles/datepicker.css">
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+    </head>
+    <body>
+        <div id="eek">
+            <header class="tippytop">
+                <h1 class="mainHeader">TechSpace</h1>
+            </header>
+            <!--NAV BAR-->
+            <nav class="navbar navbar-default" role="navigation">
+                <div class="col-lg-6">
+                    <!-- SEARCH FORM AND SUBMIT  -->
+                    <form class="navbar-form" role="search">
+                        <div class="form-group ui-widget searchHolder">
+                            <input type="text" class="form-control" id="eventSearchForm" name="keyword" placeholder="Type a keyword..." required>
+                            <button type="submit" id="eventSearchButton" class="btn btn-default">Search</button>
+                        </div>
+                    </form>
+                </div>
+                <div class="col-lg-6">
                     <div class="row">
-                      <label for="eventDate" class="col-md-4 control-label">Event Date and Time</label>
-                      <div class="col-md-4">
-                        <input class="form-control" type="date" name="date" id="eventDate" required>
-                      </div>
-                  <!-- Text input for time-->
-                      <div class="col-md-4">
-                        <input id="eventTime" name="time" type="text" placeholder="4:00PM" class="form-control input-md" required>
-                      </div>
-                    </div>
-                  </div>
-                  <!-- Text input for time-->
-                  <div class="form-group">
-                    <label class="col-md-4 control-label" for="externalResource">External Links for Event</label>
-                    <div class="col-md-4">
-                      <input id="externalResource" name="externalResource" type="text" placeholder="Optional" class="form-control input-md">
-                    </div>
-                  </div>
-                  <!-- text input for image URL-->
-                  <div class="form-group">
-                    <label class="col-md-4 control-label" for="imageUrl">Event Image</label>
-                    <div class="col-md-6">
-                      <input id="imageUrl" name="imageUrl" type="text" class="form-control input-md">
+                        <!--button to trigger create new event modal-->
+                        <button type="button" id="createNewEventBtn" class="btn btn-primary pull-right" data-toggle="modal" data-target="#newEventModal">
+                            Create Event
+                        </button>
                     </div>
-                  </div>
-                    <!-- keyword tag autocomplete selector-->
-                    <div class="ui-widget">
-                      <label for="tags">Add searchable keywords: </label>
-                      <input type="text" id="tags" required>
-                    </div>
-                    <div class="form-group" id="tagsHere">
+                </div>
+            </nav>
+        </div>
+
+        <!-- Modal -->
+        <div class="modal fade" id="newEventModal" tabindex="-1" role="dialog" aria-labelledby="newEventModalLabel">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                        <legend class="modal-title" id="newEventModalLabel">Create a New Event</legend>
                     </div>
-                  <!-- Textarea for description-->
-                  <div class="form-group col-lg-9">
-                    <label for="eventDescription">What is your event about?</label>
-                    <textarea class="form-control" id="eventDescription" name="description" rows="3" required></textarea>
-                  </div>
-                </fieldset>
-            <div class="form-group modal-footer">
-              <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
-              <button id="createEvent" name="singlebutton" class="btn btn-primary" data-dismiss="modal">Submit</button>
+                    <div class="modal-body">
+                        <form class="form-horizontal" id="newEventForm">
+                            <fieldset>
+                                <!-- Text input for Event Name-->
+                                <div class="form-group">
+                                    <label class="col-md-4 control-label" for="name">Event Name</label>
+                                    <div class="col-md-6">
+                                        <input id="name" name="eventName" type="text" placeholder="Event Name" class="form-control input-md" required="">
+                                    </div>
+                                </div>
+                                <!-- Text input for location-->
+                                <div class="form-group">
+                                    <label class="col-md-4 control-label" for="eventLocation">Location</label>
+                                    <div class="col-md-6">
+                                        <input id="eventLocation" name="location" type="text" placeholder="General Assembly" class="form-control input-md" required>
+                                    </div>
+                                </div>
+                                <!-- Text input for poster's email-->
+                                <div class="form-group">
+                                    <label class="col-md-4 control-label" for="posterEmail">Your email address</label>
+                                    <div class="col-md-6">
+                                        <input id="posterEmail" name="posterEmail" type="text" placeholder="Email" class="form-control input-md" required>
+                                    </div>
+                                </div>
+                                <!-- Text input for date-->
+                                <div class="form-group">
+                                    <div class="row">
+                                        <label for="eventDate" class="col-md-4 control-label">Event Date and Time</label>
+                                        <div class="col-md-4">
+                                            <input class="form-control" type="date" name="date" id="eventDate" required>
+                                        </div>
+                                        <!-- Text input for time-->
+                                        <div class="col-md-4">
+                                            <input id="eventTime" name="time" type="text" placeholder="4:00PM" class="form-control input-md" required>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- Text input for time-->
+                                <div class="form-group">
+                                    <label class="col-md-4 control-label" for="externalResource">External Links for Event</label>
+                                    <div class="col-md-4">
+                                        <input id="externalResource" name="externalResource" type="text" placeholder="Optional" class="form-control input-md">
+                                    </div>
+                                </div>
+                                <!-- text input for image URL-->
+                                <div class="form-group">
+                                    <label class="col-md-4 control-label" for="imageUrl">Event Image</label>
+                                    <div class="col-md-6">
+                                        <input id="imageUrl" name="imageUrl" type="text" class="form-control input-md">
+                                    </div>
+                                </div>
+                                <!-- keyword tag autocomplete selector-->
+                                <div class="ui-widget">
+                                    <label for="tags">Add searchable keywords:
+                                    </label>
+                                    <input type="text" id="tags" required>
+                                </div>
+                                <div class="form-group" id="tagsHere"></div>
+                                <!-- Textarea for description-->
+                                <div class="form-group col-lg-9">
+                                    <label for="eventDescription">What is your event about?</label>
+                                    <textarea class="form-control" id="eventDescription" name="description" rows="3" required></textarea>
+                                </div>
+                            </fieldset>
+                            <div class="form-group modal-footer">
+                                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
+                                <button id="createEvent" name="singlebutton" class="btn btn-primary" data-dismiss="modal">Submit</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
             </div>
-          </div>
-        </form>
         </div>
-      </div>
-    </div>
-
 
-    <!-- <div class="container"> -->
-      <div class="mainDisplay">
-    <!-- EVENT BOXES -->
-    <div class="col-lg-8 col-md-9 col-xs-12 eventContainer">
-      <!--event info displayed here-->
-    </div>
-    <!--SIDE BAR -->
+        <!-- <div class="container"> -->
+        <div class="mainDisplay">
+            <!-- EVENT BOXES -->
+            <div class="col-lg-8 col-md-9 col-xs-12 eventContainer">
+                <!--event info displayed here-->
+            </div>
+            <!--SIDE BAR -->
 
-    <div class="col-lg-3 col-md-3 sideSpace">
-      <h4 class="text-center">Search Events by Date</h4>
-      <div id="datepickerBig"></div>
-      <br/>
-      <button class="btn btn-success center-block" id="dateSearch"><span class="glyphicon glyphicon-search"></span> Go!</button>
-      <br/>
-    <div id="map">
-    </div>
-    <input id="pac-input" class="controls" type="text" placeholder="Enter a location">
-</div>
-<div class="col-lg-12">
-  <footer class="text-center">&copy; TechSpace</footer>
-  <br>
-</div>
-</body>
+            <div class="col-lg-3 col-md-3 sideSpace">
+                <h4 class="text-center">Search Events by Date</h4>
+                <div id="datepickerBig"></div>
+                <br/>
+                <button class="btn btn-success center-block" id="dateSearch">
+                    <span class="glyphicon glyphicon-search"></span>
+                    Go!</button>
+                <br/>
+                <div id="map"></div>
+                <input id="pac-input" class="controls" type="text" placeholder="Enter a location">
+            </div>
+            <div class="col-lg-12">
+                <footer class="text-center">&copy; TechSpace</footer>
+                <br>
+            </div>
+        </body>
 
-</html>
+    </html>