diff --git a/app/controllers/dashboard_controller.rb b/app/controllers/dashboard_controller.rb
index e1192e4..eca156d 100644
--- a/app/controllers/dashboard_controller.rb
+++ b/app/controllers/dashboard_controller.rb
@@ -1,2 +1,31 @@
 class DashboardController < ApplicationController
+  def index
+    joint_column = 'joint'
+    # Grab distinct values for dropdown filters
+    @available_joints = Joint.distinct.pluck(joint_column)
+
+    # Fetch initial records
+    @records = filter_records
+
+    respond_to do |format|
+      format.html # Renders app/views/dashboards/index.html.erb
+      format.json { render json: @records } # Returns filtered data as JSON for JS
+    end
+  end
+
+  private
+
+  def filter_records
+    records = Joint.all
+    records = records.where(joint: params[:joint]) if params[:joint].present?
+    records
+  end
+
+  # old broken: def index
+  # old broken:   @joint = Joint.distinct.pluck(:Joint)
+  # old broken: 
+  # old broken:   @records = Joint.all
+  # old broken: 
+  # old broken:   @records = @records.where(Joint: params[joint]) if params[:joint].present?
+  # old broken: end
 end
diff --git a/app/models/joint.rb b/app/models/joint.rb
index e4645c4..1e7e135 100644
--- a/app/models/joint.rb
+++ b/app/models/joint.rb
@@ -1,2 +1,5 @@
 class Joint < ApplicationRecord
+  def readonly?
+    true
+  end
 end
diff --git a/app/models/joints_info.rb b/app/models/joints_info.rb
index c8ef247..eceaad6 100644
--- a/app/models/joints_info.rb
+++ b/app/models/joints_info.rb
@@ -1,2 +1,5 @@
 class JointsInfo < ApplicationRecord
+  def readonly?
+    true
+  end
 end
diff --git a/app/models/special_test.rb b/app/models/special_test.rb
index 55ce1b6..6d1f5a9 100644
--- a/app/models/special_test.rb
+++ b/app/models/special_test.rb
@@ -1,2 +1,5 @@
 class SpecialTest < ApplicationRecord
+  def readonly?
+    true
+  end
 end
diff --git a/app/views/dashboard/index.html.erb b/app/views/dashboard/index.html.erb
new file mode 100644
index 0000000..6ef7f0e
--- /dev/null
+++ b/app/views/dashboard/index.html.erb
@@ -0,0 +1,88 @@
+<h1>Excel Replacement Dashboard</h1>
+
+<!-- Dropdown Filters (No submit button needed, JS handles it) -->
+<%= form_with url: dashboard_path, method: :get, id: "filter-form" do |f| %>
+  <div>
+    <%= f.label :joint, "Select Joint:" %>
+    <%= f.select :joint, options_for_select(@available_joints, params[:joint]), include_blank: "All joints", id: "joint" %>
+  </div>
+<% end %>
+
+<hr>
+
+<h2>Dashboard Results</h2>
+<div style="overflow-x: auto;">
+  <table border="1" id="results-table">
+    <thead>
+      <tr id="table-headers">
+        <!-- Dynamically populated headers -->
+      </tr>
+    </thead>
+    <tbody id="table-body">
+      <!-- Dynamically populated rows (supports 4 to 20+ values) -->
+    </tbody>
+  </table>
+</div>
+
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+  const jointSelect = document.getElementById("joint");
+  const tableHeaders = document.getElementById("table-headers");
+  const tableBody = document.getElementById("table-body");
+
+  function fetchFilteredData() {
+    const joint = jointSelect.value;
+
+    // Build query parameters
+    const params = new URLSearchParams();
+    if (joint) params.append("joint", joint);
+
+    // Fetch data from Rails with JSON format
+    fetch(`/dashboard?${params.toString()}`, {
+      headers: { "Accept": "application/json" }
+    })
+    .then(response => response.json())
+    .then(data => {
+      renderTable(data);
+    })
+    .catch(error => console.error("Error fetching dashboard data:", error));
+  }
+
+  function renderTable(records) {
+    tableHeaders.innerHTML = "";
+    tableBody.innerHTML = "";
+
+    if (records.length === 0) {
+      tableBody.innerHTML = "<tr><td colspan='100'>No records found</td></tr>";
+      return;
+    }
+
+    // Extract column keys dynamically from the first record (handles variable lengths)
+    const columns = Object.keys(records[0]);
+
+    // 1. Build dynamic headers
+    columns.forEach(col => {
+      const th = document.createElement("th");
+      th.textContent = col.replace(/_/g, " ").toUpperCase();
+      tableHeaders.appendChild(th);
+    });
+
+    // 2. Build dynamic rows (whether 4 or 20 attributes long)
+    records.forEach(record => {
+      const tr = document.createElement("tr");
+      columns.forEach(col => {
+        const td = document.createElement("td");
+        td.textContent = record[col] !== null ? record[col] : "";
+        tr.appendChild(td);
+      });
+      tableBody.appendChild(tr);
+    });
+  }
+
+  // Trigger fetch when either dropdown changes
+  jointSelect.addEventListener("change", fetchFilteredData);
+
+  // Load initial data on page load
+  fetchFilteredData();
+});  
+</script>
diff --git a/config/database.yml b/config/database.yml
index 302d638..5da8bc0 100644
--- a/config/database.yml
+++ b/config/database.yml
@@ -10,8 +10,11 @@ default: &default
   timeout: 5000
 
 development:
-  <<: *default
-  database: storage/development.sqlite3
+  adapter: sqlite3
+  max_connections: 5
+  timeout: 5000
+  database: storage/anat_proj.db
+  #readonly: true
 
 # Warning: The database defined as "test" will be erased and
 # re-generated from your development database when you run "rake".
diff --git a/config/routes.rb b/config/routes.rb
index 48254e8..638ed7c 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -11,4 +11,6 @@ Rails.application.routes.draw do
 
   # Defines the root path route ("/")
   # root "posts#index"
+  root "dashboard#index"
+  get "dashboard", to: "dashboard#index"
 end