diff --git a/Gemfile b/Gemfile
index 53d27b9..a520912 100644
--- a/Gemfile
+++ b/Gemfile
@@ -49,3 +49,5 @@ group :test do
   gem "capybara"
   gem "selenium-webdriver"
 end
+
+gem "devise", "~> 4.9"
diff --git a/Gemfile.lock b/Gemfile.lock
index 50ad109..1f044da 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -76,6 +76,7 @@ GEM
       public_suffix (>= 2.0.2, < 7.0)
     ast (2.4.3)
     base64 (0.3.0)
+    bcrypt (3.1.20)
     benchmark (0.4.1)
     bigdecimal (3.2.2)
     bindex (0.8.1)
@@ -100,6 +101,12 @@ GEM
     debug (1.11.0)
       irb (~> 1.10)
       reline (>= 0.3.8)
+    devise (4.9.4)
+      bcrypt (~> 3.0)
+      orm_adapter (~> 0.1)
+      railties (>= 4.1.0)
+      responders
+      warden (~> 1.2.3)
     drb (2.2.3)
     erb (5.0.1)
     erubi (1.13.1)
@@ -162,6 +169,7 @@ GEM
       racc (~> 1.4)
     nokogiri (1.18.8-x86_64-linux-musl)
       racc (~> 1.4)
+    orm_adapter (0.5.0)
     parallel (1.27.0)
     parser (3.3.8.0)
       ast (~> 2.4.1)
@@ -228,6 +236,9 @@ GEM
     regexp_parser (2.10.0)
     reline (0.6.1)
       io-console (~> 0.5)
+    responders (3.1.1)
+      actionpack (>= 5.2)
+      railties (>= 5.2)
     rexml (3.4.1)
     rubocop (1.77.0)
       json (~> 2.3)
@@ -281,6 +292,8 @@ GEM
     unicode-emoji (4.0.4)
     uri (1.0.3)
     useragent (0.16.11)
+    warden (1.2.9)
+      rack (>= 2.0.9)
     web-console (4.2.1)
       actionview (>= 6.0.0)
       activemodel (>= 6.0.0)
@@ -312,6 +325,7 @@ DEPENDENCIES
   brakeman
   capybara
   debug
+  devise (~> 4.9)
   importmap-rails
   jbuilder
   pg (~> 1.1)
diff --git a/app/assets/stylesheets/app.css b/app/assets/stylesheets/app.css
new file mode 100644
index 0000000..550ae83
--- /dev/null
+++ b/app/assets/stylesheets/app.css
@@ -0,0 +1,129 @@
+/* Spotify-inspired dark theme for Plays Hub */
+
+body {
+  background: #f5f6fa;
+  color: #222;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  font-size: 18px;
+}
+
+main {
+  padding-left: 3vw;
+  padding-right: 3vw;
+  box-sizing: border-box;
+}
+
+@media (max-width: 700px) {
+  main {
+    padding-left: 1vw;
+    padding-right: 1vw;
+  }
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+  color: #222;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  margin-top: 2em;
+  margin-bottom: 1em;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 1.5em;
+}
+
+
+ul {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 2em 0;
+  max-width: 500px;
+}
+
+
+li {
+  background: #fff;
+  margin-bottom: 1.5em;
+  padding: 1.3em 1.5em;
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+  border: 1px solid #e0e0e0;
+  transition: box-shadow 0.2s, border 0.2s;
+  font-size: 1.05em;
+  display: flex;
+  align-items: center;
+}
+li:last-child {
+  margin-bottom: 0;
+}
+li:hover {
+  box-shadow: 0 4px 16px rgba(0,0,0,0.09);
+  border: 1px solid #bdbdbd;
+}
+
+
+button {
+  background: #0071e3;
+  color: #fff;
+  border: none;
+  border-radius: 12px;
+  padding: 0.8em 2.2em;
+  font-size: 1.05em;
+  font-weight: 600;
+  cursor: not-allowed;
+  opacity: 0.7;
+  margin-top: 2em;
+  transition: background 0.2s, opacity 0.2s;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+  letter-spacing: 0.2px;
+}
+button:active {
+  background: #005bb5;
+}
+
+
+.notice {
+  background: #e8f0fe;
+  color: #0071e3;
+  padding: 0.7em 1.2em;
+  border-radius: 10px;
+  margin: 1.5em 0 0 0;
+  font-weight: 500;
+  border: none;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+}
+
+.alert {
+  background: #fff0f0;
+  color: #d7263d;
+  padding: 0.7em 1.2em;
+  border-radius: 10px;
+  margin: 1.5em 0 0 0;
+  font-weight: 500;
+  border: none;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+}
+
+
+@media (max-width: 600px) {
+  body {
+    font-size: 1em;
+  }
+  ul {
+    max-width: 100%;
+  }
+  li {
+    padding: 1em 0.7em;
+    font-size: 1em;
+  }
+  button {
+    width: 100%;
+    padding: 1em 0;
+  }
+}
+
diff --git a/app/controllers/home_controller.rb b/app/controllers/home_controller.rb
new file mode 100644
index 0000000..877cc2e
--- /dev/null
+++ b/app/controllers/home_controller.rb
@@ -0,0 +1,8 @@
+class HomeController < ApplicationController
+  before_action :authenticate_user!
+
+  def index
+    @user = current_user
+    @logins = Login.where(user: @user)
+  end
+end
diff --git a/app/controllers/statistics_controller.rb b/app/controllers/statistics_controller.rb
new file mode 100644
index 0000000..3400644
--- /dev/null
+++ b/app/controllers/statistics_controller.rb
@@ -0,0 +1,13 @@
+class StatisticsController < ApplicationController
+  before_action :authenticate_user!
+
+  def index
+    stats = Statistics.new(current_user)
+    @total_plays = stats.total_plays
+    @activity_by_day = stats.activity_by_day
+    @top_artists_all_time = stats.top_artists_all_time
+    @top_artists_year = stats.top_artists_year
+    @top_artists_upcoming = stats.top_artists_upcoming
+    @since_date = stats.since_date
+  end
+end
diff --git a/app/javascript/activity_heatmap.js b/app/javascript/activity_heatmap.js
new file mode 100644
index 0000000..a89f785
--- /dev/null
+++ b/app/javascript/activity_heatmap.js
@@ -0,0 +1,219 @@
+// Renders a GitHub-like activity heatmap given a container and data
+// Usage: ActivityHeatmap.render(containerId, data)
+// data: { 'YYYY-MM-DD': count, ... }
+
+const ActivityHeatmap = {
+  githubColors: [
+    '#ebedf0', // 0
+    '#9be9a8', // 1
+    '#40c463', // 2
+    '#30a14e', // 3
+    '#216e39'  // 4+
+  ],
+
+  getColor(count) {
+    if (count === 0) return this.githubColors[0];
+    if (count === 1) return this.githubColors[1];
+    if (count <= 3) return this.githubColors[2];
+    if (count <= 6) return this.githubColors[3];
+    return this.githubColors[4];
+  },
+
+  render(containerId, data) {
+    const container = document.getElementById(containerId);
+    if (!container) return;
+    container.innerHTML = '';
+
+    // Build an array of all days in the past year
+    const today = new Date();
+    const startDate = new Date(today);
+    startDate.setFullYear(today.getFullYear() - 1);
+    // Always start on Monday
+    const dayOfWeek = startDate.getDay(); // 0=Sun, 1=Mon, ..., 6=Sat
+    const daysToMonday = (dayOfWeek === 0) ? 1 : (dayOfWeek === 1 ? 0 : 8 - dayOfWeek);
+    startDate.setDate(startDate.getDate() + daysToMonday - (dayOfWeek === 0 ? 7 : 0));
+
+    const days = [];
+    let d = new Date(startDate);
+    while (d <= today) {
+      days.push(new Date(d));
+      d.setDate(d.getDate() + 1);
+    }
+    // Pad at end so last week is always full (7 days)
+    while (days.length % 7 !== 0) {
+      days.push(null); // null means empty block
+    }
+
+    // Group days into weeks
+    const weeks = [];
+    for (let i = 0; i < days.length; i += 7) {
+      weeks.push(days.slice(i, i + 7));
+    }
+
+    // Set cell size and gap before using them
+    const cellSize = 14;
+    const cellGap = 3;
+
+    // Prepare month labels (x-axis), skip the first detected month
+    const monthLabels = [];
+    let prevMonth = null;
+    let isFirstMonth = true;
+    weeks.forEach((week, x) => {
+      const firstDay = week[0];
+      if (firstDay) {
+        const month = firstDay.getMonth();
+        if (month !== prevMonth) {
+          if (!isFirstMonth) {
+            monthLabels.push({
+              label: firstDay.toLocaleString('default', { month: 'short' }),
+              x: x * (cellSize + cellGap)
+            });
+          } else {
+            isFirstMonth = false;
+          }
+          prevMonth = month;
+        }
+      }
+    });
+
+    // Prepare weekday labels (y-axis) - y=0 is Monday
+    const weekdayLabels = [
+      { label: 'Mon', y: 0 * (cellSize + cellGap) },
+      { label: 'Wed', y: 2 * (cellSize + cellGap) },
+      { label: 'Fri', y: 4 * (cellSize + cellGap) }
+    ];
+
+    // Build SVG
+    const leftPad = 32; // Space for weekday labels
+    const topPad = 18;  // Space for month labels
+    const width = leftPad + weeks.length * (cellSize + cellGap);
+    const height = topPad + 7 * (cellSize + cellGap);
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('width', width);
+    svg.setAttribute('height', height);
+    svg.setAttribute('viewBox', `0 0 ${width} ${height}`);
+    svg.style.display = 'block';
+
+    // Month labels (top x-axis)
+    monthLabels.forEach(({ label, x }) => {
+      const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+      text.setAttribute('x', leftPad + x + cellSize / 2);
+      text.setAttribute('y', 12);
+      text.setAttribute('text-anchor', 'middle');
+      text.setAttribute('font-size', '11');
+      text.setAttribute('fill', '#888');
+      text.textContent = label;
+      svg.appendChild(text);
+    });
+
+    // Weekday labels (left y-axis)
+    weekdayLabels.forEach(({ label, y }) => {
+      const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+      text.setAttribute('x', leftPad - 6);
+      text.setAttribute('y', topPad + y + cellSize - 3);
+      text.setAttribute('text-anchor', 'end');
+      text.setAttribute('font-size', '11');
+      text.setAttribute('fill', '#888');
+      text.textContent = label;
+      svg.appendChild(text);
+    });
+
+    // Draw heatmap cells
+    // Tooltip: only one in DOM
+    let tooltip = document.getElementById('activity-heatmap-tooltip');
+    if (!tooltip) {
+      tooltip = document.createElement('div');
+      tooltip.id = 'activity-heatmap-tooltip';
+      Object.assign(tooltip.style, {
+        position: 'fixed',
+        pointerEvents: 'none',
+        background: '#fff',
+        color: '#222',
+        borderRadius: '8px',
+        boxShadow: '0 2px 8px rgba(0,0,0,0.10)',
+        padding: '7px 14px',
+        fontSize: '13px',
+        fontFamily: 'system-ui, sans-serif',
+        visibility: 'hidden',
+        zIndex: 1000,
+        opacity: 0,
+        transition: 'opacity 0.15s',
+      });
+      document.body.appendChild(tooltip);
+    }
+
+    // Batch SVG elements for performance
+    const frag = document.createDocumentFragment();
+
+    weeks.forEach((week, x) => {
+      week.forEach((date, y) => {
+        if (!date) {
+          // Draw empty block
+          const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+          rect.setAttribute('x', leftPad + x * (cellSize + cellGap));
+          rect.setAttribute('y', topPad + y * (cellSize + cellGap));
+          rect.setAttribute('width', cellSize);
+          rect.setAttribute('height', cellSize);
+          rect.setAttribute('fill', '#fff');
+          rect.setAttribute('rx', 3);
+          rect.setAttribute('ry', 3);
+          frag.appendChild(rect);
+          return;
+        }
+        const iso = date.toISOString().slice(0, 10);
+        const count = data[iso] || 0;
+        const color = ActivityHeatmap.getColor(count);
+        const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        rect.setAttribute('x', leftPad + x * (cellSize + cellGap));
+        rect.setAttribute('y', topPad + y * (cellSize + cellGap));
+        rect.setAttribute('width', cellSize);
+        rect.setAttribute('height', cellSize);
+        rect.setAttribute('fill', color);
+        rect.setAttribute('rx', 3);
+        rect.setAttribute('ry', 3);
+        rect.setAttribute('data-date', iso);
+        rect.setAttribute('data-count', count);
+        rect.setAttribute('tabindex', '0');
+        rect.setAttribute('aria-label', `${count} play${count === 1 ? '' : 's'} on ${date.toLocaleDateString(undefined, {weekday:'long', year:'numeric', month:'short', day:'numeric'})}`);
+        rect.style.cursor = 'pointer';
+        rect.removeAttribute('title');
+
+        // Tooltip logic
+        const showTooltip = (e) => {
+          tooltip.style.visibility = 'visible';
+          tooltip.style.opacity = '1';
+          const weekday = date.toLocaleDateString(undefined, { weekday: 'short' });
+          tooltip.innerHTML = `<strong>${count}</strong> play${count === 1 ? '' : 's'}<br><span style='color:#666;'>${weekday}, ${iso}</span>`;
+        };
+        let rafId;
+        const moveTooltip = (e) => {
+          if (rafId) cancelAnimationFrame(rafId);
+          rafId = requestAnimationFrame(() => {
+            const pad = 12;
+            let x = e.clientX + pad;
+            let y = e.clientY + pad;
+            if (x + tooltip.offsetWidth > window.innerWidth) x = window.innerWidth - tooltip.offsetWidth - pad;
+            if (y + tooltip.offsetHeight > window.innerHeight) y = window.innerHeight - tooltip.offsetHeight - pad;
+            tooltip.style.left = x + 'px';
+            tooltip.style.top = y + 'px';
+          });
+        };
+        const hideTooltip = () => {
+          tooltip.style.visibility = 'hidden';
+          tooltip.style.opacity = '0';
+        };
+        rect.addEventListener('mouseenter', showTooltip);
+        rect.addEventListener('mousemove', moveTooltip);
+        rect.addEventListener('mouseleave', hideTooltip);
+        // Keyboard accessibility
+        rect.addEventListener('focus', showTooltip);
+        rect.addEventListener('blur', hideTooltip);
+        frag.appendChild(rect);
+      });
+    });
+    svg.appendChild(frag);
+    container.appendChild(svg);
+  }
+};
+
+window.ActivityHeatmap = ActivityHeatmap;
diff --git a/app/models/activity.rb b/app/models/activity.rb
new file mode 100644
index 0000000..c3923da
--- /dev/null
+++ b/app/models/activity.rb
@@ -0,0 +1,3 @@
+class Activity < ApplicationRecord
+  belongs_to :user
+end
diff --git a/app/models/login.rb b/app/models/login.rb
new file mode 100644
index 0000000..728c384
--- /dev/null
+++ b/app/models/login.rb
@@ -0,0 +1,3 @@
+class Login < ApplicationRecord
+  belongs_to :user
+end
diff --git a/app/models/shakti.rb b/app/models/shakti.rb
new file mode 100644
index 0000000..004f101
--- /dev/null
+++ b/app/models/shakti.rb
@@ -0,0 +1,2 @@
+class Shakti < ApplicationRecord
+end
diff --git a/app/models/statistics.rb b/app/models/statistics.rb
new file mode 100644
index 0000000..f441adf
--- /dev/null
+++ b/app/models/statistics.rb
@@ -0,0 +1,40 @@
+class Statistics
+  attr_reader :user
+
+  def initialize(user)
+    @user = user
+  end
+
+  def total_plays
+    Activity.where(user: user).count
+  end
+
+  def activity_by_day
+    start_date = 1.year.ago.to_date
+    end_date = Date.today
+    activities = Activity.where(user: user, created_at: start_date.beginning_of_day..end_date.end_of_day)
+    activities.group("DATE(created_at)").count.transform_keys { |d| d.to_s }
+  end
+
+  def top_artists_all_time
+    Activity.where(user: user)
+      .group(:item_title).order("count_id DESC").limit(5).count(:id)
+  end
+
+  def top_artists_year
+    year_start = Date.today.beginning_of_year
+    Activity.where(user: user, created_at: year_start..Date.today.end_of_day)
+      .group(:item_title).order("count_id DESC").limit(5).count(:id)
+  end
+
+  def top_artists_upcoming
+    upcoming_start = 30.days.ago.to_date
+    upcoming_end = Date.today
+    Activity.where(user: user, started_at: upcoming_start.beginning_of_day..upcoming_end.end_of_day)
+      .group(:item_title).order("count_id DESC").limit(5).count(:id)
+  end
+
+  def since_date
+    Activity.where(user: user).order(:created_at).limit(1).pick(:created_at)
+  end
+end
diff --git a/app/models/user.rb b/app/models/user.rb
new file mode 100644
index 0000000..4756799
--- /dev/null
+++ b/app/models/user.rb
@@ -0,0 +1,6 @@
+class User < ApplicationRecord
+  # Include default devise modules. Others available are:
+  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
+  devise :database_authenticatable, :registerable,
+         :recoverable, :rememberable, :validatable
+end
diff --git a/app/views/devise/confirmations/new.html.erb b/app/views/devise/confirmations/new.html.erb
new file mode 100644
index 0000000..b12dd0c
--- /dev/null
+++ b/app/views/devise/confirmations/new.html.erb
@@ -0,0 +1,16 @@
+<h2>Resend confirmation instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend confirmation instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>
diff --git a/app/views/devise/mailer/confirmation_instructions.html.erb b/app/views/devise/mailer/confirmation_instructions.html.erb
new file mode 100644
index 0000000..dc55f64
--- /dev/null
+++ b/app/views/devise/mailer/confirmation_instructions.html.erb
@@ -0,0 +1,5 @@
+<p>Welcome <%= @email %>!</p>
+
+<p>You can confirm your account email through the link below:</p>
+
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %></p>
diff --git a/app/views/devise/mailer/email_changed.html.erb b/app/views/devise/mailer/email_changed.html.erb
new file mode 100644
index 0000000..32f4ba8
--- /dev/null
+++ b/app/views/devise/mailer/email_changed.html.erb
@@ -0,0 +1,7 @@
+<p>Hello <%= @email %>!</p>
+
+<% if @resource.try(:unconfirmed_email?) %>
+  <p>We're contacting you to notify you that your email is being changed to <%= @resource.unconfirmed_email %>.</p>
+<% else %>
+  <p>We're contacting you to notify you that your email has been changed to <%= @resource.email %>.</p>
+<% end %>
diff --git a/app/views/devise/mailer/password_change.html.erb b/app/views/devise/mailer/password_change.html.erb
new file mode 100644
index 0000000..b41daf4
--- /dev/null
+++ b/app/views/devise/mailer/password_change.html.erb
@@ -0,0 +1,3 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>We're contacting you to notify you that your password has been changed.</p>
diff --git a/app/views/devise/mailer/reset_password_instructions.html.erb b/app/views/devise/mailer/reset_password_instructions.html.erb
new file mode 100644
index 0000000..f667dc1
--- /dev/null
+++ b/app/views/devise/mailer/reset_password_instructions.html.erb
@@ -0,0 +1,8 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Someone has requested a link to change your password. You can do this through the link below.</p>
+
+<p><%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %></p>
+
+<p>If you didn't request this, please ignore this email.</p>
+<p>Your password won't change until you access the link above and create a new one.</p>
diff --git a/app/views/devise/mailer/unlock_instructions.html.erb b/app/views/devise/mailer/unlock_instructions.html.erb
new file mode 100644
index 0000000..41e148b
--- /dev/null
+++ b/app/views/devise/mailer/unlock_instructions.html.erb
@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>
+
+<p>Click the link below to unlock your account:</p>
+
+<p><%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %></p>
diff --git a/app/views/devise/passwords/edit.html.erb b/app/views/devise/passwords/edit.html.erb
new file mode 100644
index 0000000..5fbb9ff
--- /dev/null
+++ b/app/views/devise/passwords/edit.html.erb
@@ -0,0 +1,25 @@
+<h2>Change your password</h2>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.hidden_field :reset_password_token %>
+
+  <div class="field">
+    <%= f.label :password, "New password" %><br />
+    <% if @minimum_password_length %>
+      <em>(<%= @minimum_password_length %> characters minimum)</em><br />
+    <% end %>
+    <%= f.password_field :password, autofocus: true, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation, "Confirm new password" %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Change my password" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>
diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb
new file mode 100644
index 0000000..9b486b8
--- /dev/null
+++ b/app/views/devise/passwords/new.html.erb
@@ -0,0 +1,16 @@
+<h2>Forgot your password?</h2>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Send me reset password instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>
diff --git a/app/views/devise/registrations/edit.html.erb b/app/views/devise/registrations/edit.html.erb
new file mode 100644
index 0000000..b82e336
--- /dev/null
+++ b/app/views/devise/registrations/edit.html.erb
@@ -0,0 +1,43 @@
+<h2>Edit <%= resource_name.to_s.humanize %></h2>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+    <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+  <% end %>
+
+  <div class="field">
+    <%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br />
+    <%= f.password_field :password, autocomplete: "new-password" %>
+    <% if @minimum_password_length %>
+      <br />
+      <em><%= @minimum_password_length %> characters minimum</em>
+    <% end %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
+    <%= f.password_field :current_password, autocomplete: "current-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Update" %>
+  </div>
+<% end %>
+
+<h3>Cancel my account</h3>
+
+<div>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete %></div>
+
+<%= link_to "Back", :back %>
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
new file mode 100644
index 0000000..d655b66
--- /dev/null
+++ b/app/views/devise/registrations/new.html.erb
@@ -0,0 +1,29 @@
+<h2>Sign up</h2>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password %>
+    <% if @minimum_password_length %>
+    <em>(<%= @minimum_password_length %> characters minimum)</em>
+    <% end %><br />
+    <%= f.password_field :password, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Sign up" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
new file mode 100644
index 0000000..5ede964
--- /dev/null
+++ b/app/views/devise/sessions/new.html.erb
@@ -0,0 +1,26 @@
+<h2>Log in</h2>
+
+<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password %><br />
+    <%= f.password_field :password, autocomplete: "current-password" %>
+  </div>
+
+  <% if devise_mapping.rememberable? %>
+    <div class="field">
+      <%= f.check_box :remember_me %>
+      <%= f.label :remember_me %>
+    </div>
+  <% end %>
+
+  <div class="actions">
+    <%= f.submit "Log in" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>
diff --git a/app/views/devise/shared/_error_messages.html.erb b/app/views/devise/shared/_error_messages.html.erb
new file mode 100644
index 0000000..cabfe30
--- /dev/null
+++ b/app/views/devise/shared/_error_messages.html.erb
@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+  <div id="error_explanation" data-turbo-cache="false">
+    <h2>
+      <%= I18n.t("errors.messages.not_saved",
+                 count: resource.errors.count,
+                 resource: resource.class.model_name.human.downcase)
+       %>
+    </h2>
+    <ul>
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
diff --git a/app/views/devise/shared/_links.html.erb b/app/views/devise/shared/_links.html.erb
new file mode 100644
index 0000000..7a75304
--- /dev/null
+++ b/app/views/devise/shared/_links.html.erb
@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <%= link_to "Log in", new_session_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to "Sign up", new_registration_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %><br />
+  <% end %>
+<% end %>
diff --git a/app/views/devise/unlocks/new.html.erb b/app/views/devise/unlocks/new.html.erb
new file mode 100644
index 0000000..ffc34de
--- /dev/null
+++ b/app/views/devise/unlocks/new.html.erb
@@ -0,0 +1,16 @@
+<h2>Resend unlock instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend unlock instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
new file mode 100644
index 0000000..10597e2
--- /dev/null
+++ b/app/views/home/index.html.erb
@@ -0,0 +1,17 @@
+<div style="display: flex; justify-content: flex-end; margin-bottom: 1.5em;">
+  <%= link_to 'Statistics Dashboard', statistics_path, style: 'background: #0071e3; color: #fff; padding: 0.6em 1.5em; border-radius: 10px; text-decoration: none; font-weight: 500; font-size: 1.05em; box-shadow: 0 1px 4px rgba(0,0,0,0.05); transition: background 0.2s;'
+  %>
+</div>
+
+<h1>Hello, <%= @user.email %>!</h1>
+
+<h2>Your Logins</h2>
+<ul>
+  <% @logins.each do |login| %>
+    <li>
+      Platform: <%= login.platform %> | Last refreshed: <%= login.last_refresh_at || 'Never' %>
+    </li>
+  <% end %>
+</ul>
+
+<button disabled style="margin-top: 20px;">Add New Login (Coming Soon)</button>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 3d40229..ee42088 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -24,5 +24,11 @@
 
   <body>
     <%= yield %>
+    <% if notice %>
+      <p class="notice"><%= notice %></p>
+    <% end %>
+    <% if alert %>
+      <p class="alert"><%= alert %></p>
+    <% end %>
   </body>
 </html>
diff --git a/app/views/statistics/_activity_heatmap.html.erb b/app/views/statistics/_activity_heatmap.html.erb
new file mode 100644
index 0000000..54fa0fc
--- /dev/null
+++ b/app/views/statistics/_activity_heatmap.html.erb
@@ -0,0 +1,11 @@
+<div style="background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 2em 2.5em; margin: 2em 0 2.5em 0; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto;">
+  <h2 style="margin-top:0; font-size: 1.4em; color: #0071e3;">Activity History</h2>
+  <div id="activity-heatmap" style="margin-top: 1em;"></div>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      if (window.ActivityHeatmap) {
+        ActivityHeatmap.render('activity-heatmap', <%= raw @activity_by_day.to_json %>);
+      }
+    });
+  </script>
+</div>
diff --git a/app/views/statistics/_placeholder.html.erb b/app/views/statistics/_placeholder.html.erb
new file mode 100644
index 0000000..89af5fe
--- /dev/null
+++ b/app/views/statistics/_placeholder.html.erb
@@ -0,0 +1,3 @@
+<div style="background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 2em 2.5em; color: #888; display: flex; align-items: center; justify-content: center; min-height: 100px;">
+  <span>(Placeholder widget)</span>
+</div>
diff --git a/app/views/statistics/_top_artists.html.erb b/app/views/statistics/_top_artists.html.erb
new file mode 100644
index 0000000..f848c77
--- /dev/null
+++ b/app/views/statistics/_top_artists.html.erb
@@ -0,0 +1,72 @@
+<div style="background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 2em 2.5em; min-width: 340px; max-width: 600px; flex: 2 1 340px; display: flex; flex-direction: column; align-items: center; min-height: 340px;">
+  <h2 style="margin-top:0; font-size: 1.4em; color: #0071e3;">Top 5 Songs</h2>
+  <div id="artist-tabs" style="display: flex; gap: 0.5em; margin: 1em 0 1.5em 0;">
+    <button class="artist-tab" data-tab="upcoming" style="background: #e8f0fe; color: #0071e3; border: none; border-radius: 8px; padding: 0.4em 1em; font-weight: 500; cursor: pointer;">Upcoming</button>
+    <button class="artist-tab" data-tab="year" style="background: #f3f3f3; color: #222; border: none; border-radius: 8px; padding: 0.4em 1em; font-weight: 500; cursor: pointer;">This Year</button>
+    <button class="artist-tab" data-tab="all" style="background: #f3f3f3; color: #222; border: none; border-radius: 8px; padding: 0.4em 1em; font-weight: 500; cursor: pointer;">All Time</button>
+  </div>
+  <div id="artists-all" style="display:none;">
+    <% if @top_artists_all_time.present? %>
+      <ol style="padding-left: 1.2em; margin: 0; width: 100%;">
+        <% @top_artists_all_time.each do |artist, count| %>
+          <li style="margin-bottom: 0.8em; display: flex; justify-content: space-between; align-items: center;">
+            <span><%= artist %></span>
+            <span style="color: #888; font-size: 1em;">Plays: <%= count %></span>
+          </li>
+        <% end %>
+      </ol>
+    <% else %>
+      <div style="color: #888;">No data</div>
+    <% end %>
+  </div>
+  <div id="artists-year" style="display:none;">
+    <% if @top_artists_year.present? %>
+      <ol style="padding-left: 1.2em; margin: 0; width: 100%;">
+        <% @top_artists_year.each do |artist, count| %>
+          <li style="margin-bottom: 0.8em; display: flex; justify-content: space-between; align-items: center;">
+            <span><%= artist %></span>
+            <span style="color: #888; font-size: 1em;">Plays: <%= count %></span>
+          </li>
+        <% end %>
+      </ol>
+    <% else %>
+      <div style="color: #888;">No data</div>
+    <% end %>
+  </div>
+  <div id="artists-upcoming" style="padding-left: 1.2em; margin: 0; width: 100%;">
+    <% if @top_artists_upcoming.present? %>
+      <ol style="padding-left: 1.2em; margin: 0; width: 100%;">
+        <% @top_artists_upcoming.each do |artist, count| %>
+          <li style="margin-bottom: 0.8em; display: flex; justify-content: space-between; align-items: center;">
+            <span><%= artist %></span>
+            <span style="color: #888; font-size: 1em;">Plays: <%= count %></span>
+          </li>
+        <% end %>
+      </ol>
+    <% else %>
+      <div style="color: #888;">No data</div>
+    <% end %>
+  </div>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const tabs = document.querySelectorAll('.artist-tab');
+      const views = {
+        all: document.getElementById('artists-all'),
+        year: document.getElementById('artists-year'),
+        upcoming: document.getElementById('artists-upcoming'),
+      };
+      tabs.forEach(tab => {
+        tab.addEventListener('click', function() {
+          tabs.forEach(t => {
+            t.style.background = '#f3f3f3';
+            t.style.color = '#222';
+          });
+          this.style.background = '#e8f0fe';
+          this.style.color = '#0071e3';
+          Object.keys(views).forEach(k => views[k].style.display = 'none');
+          views[this.dataset.tab].style.display = '';
+        });
+      });
+    });
+  </script>
+</div>
diff --git a/app/views/statistics/_total_plays.html.erb b/app/views/statistics/_total_plays.html.erb
new file mode 100644
index 0000000..ebae445
--- /dev/null
+++ b/app/views/statistics/_total_plays.html.erb
@@ -0,0 +1,11 @@
+<div style="background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 2em 2.5em;">
+  <h2 style="margin-top:0; font-size: 1.4em; color: #0071e3;">Total Plays</h2>
+  <div style="font-size: 2.5em; font-weight: 700; margin-top: 0.5em; color: #222;">
+    <%= @total_plays %>
+  </div>
+  <% if defined?(@since_date) && @since_date.present? %>
+    <div style="margin-top: 0.8em; color: #888; font-size: 1em; font-weight: 400;">
+      since <%= @since_date.strftime('%b %-d, %Y') %>
+    </div>
+  <% end %>
+</div>
diff --git a/app/views/statistics/index.html.erb b/app/views/statistics/index.html.erb
new file mode 100644
index 0000000..f3fbe8a
--- /dev/null
+++ b/app/views/statistics/index.html.erb
@@ -0,0 +1,20 @@
+<main>
+  <h1>Statistics Dashboard</h1>
+  <%= javascript_include_tag 'activity_heatmap', 'data-turbo-track': 'reload' %>
+
+  <!-- Activity Heatmap (full width) -->
+  <%= render partial: 'statistics/activity_heatmap', locals: { activity_by_day: @activity_by_day } %>
+
+  <!-- Widgets row: Top 5 Artists (left, half), Total Plays + Placeholder (right, stacked) -->
+  <div style="display: flex; flex-wrap: wrap; gap: 2em; justify-content: center; align-items: flex-start; max-width: 1200px; margin-left: auto; margin-right: auto;">
+    <!-- Top 5 Artists Widget -->
+    <%= render partial: 'statistics/top_artists', locals: { top_artists_all_time: @top_artists_all_time, top_artists_year: @top_artists_year, top_artists_upcoming: @top_artists_upcoming } %>
+    <!-- Right column: Total Plays + Placeholder stacked -->
+    <div style="display: flex; flex-direction: column; gap: 2em; flex: 1 1 220px; min-width: 220px; max-width: 320px; align-self: flex-start;">
+      <!-- Total Plays Widget -->
+      <%= render partial: 'statistics/total_plays', locals: { total_plays: @total_plays } %>
+      <!-- Placeholder Widget -->
+      <%= render partial: 'statistics/placeholder' %>
+    </div>
+  </div>
+</main>
diff --git a/config/initializers/devise.rb b/config/initializers/devise.rb
new file mode 100644
index 0000000..c8208c3
--- /dev/null
+++ b/config/initializers/devise.rb
@@ -0,0 +1,313 @@
+# frozen_string_literal: true
+
+# Assuming you have not yet modified this file, each configuration option below
+# is set to its default value. Note that some are commented out while others
+# are not: uncommented lines are intended to protect your configuration from
+# breaking changes in upgrades (i.e., in the event that future versions of
+# Devise change the default values for those options).
+#
+# Use this hook to configure devise mailer, warden hooks and so forth.
+# Many of these configuration options can be set straight in your model.
+Devise.setup do |config|
+  # The secret key used by Devise. Devise uses this key to generate
+  # random tokens. Changing this key will render invalid all existing
+  # confirmation, reset password and unlock tokens in the database.
+  # Devise will use the `secret_key_base` as its `secret_key`
+  # by default. You can change it below and use your own secret key.
+  # config.secret_key = '605f318145bbe861c4b16e3b1c26f72fdbbc890919c11af0a977bcebf4f4bb93e5488f3e739762cf8bfb84b28a1c2a077d494cb83c7843ac6a4e365b14bd268b'
+
+  # ==> Controller configuration
+  # Configure the parent class to the devise controllers.
+  # config.parent_controller = 'DeviseController'
+
+  # ==> Mailer Configuration
+  # Configure the e-mail address which will be shown in Devise::Mailer,
+  # note that it will be overwritten if you use your own mailer class
+  # with default "from" parameter.
+  config.mailer_sender = 'please-change-me-at-config-initializers-devise@example.com'
+
+  # Configure the class responsible to send e-mails.
+  # config.mailer = 'Devise::Mailer'
+
+  # Configure the parent class responsible to send e-mails.
+  # config.parent_mailer = 'ActionMailer::Base'
+
+  # ==> ORM configuration
+  # Load and configure the ORM. Supports :active_record (default) and
+  # :mongoid (bson_ext recommended) by default. Other ORMs may be
+  # available as additional gems.
+  require 'devise/orm/active_record'
+
+  # ==> Configuration for any authentication mechanism
+  # Configure which keys are used when authenticating a user. The default is
+  # just :email. You can configure it to use [:username, :subdomain], so for
+  # authenticating a user, both parameters are required. Remember that those
+  # parameters are used only when authenticating and not when retrieving from
+  # session. If you need permissions, you should implement that in a before filter.
+  # You can also supply a hash where the value is a boolean determining whether
+  # or not authentication should be aborted when the value is not present.
+  # config.authentication_keys = [:email]
+
+  # Configure parameters from the request object used for authentication. Each entry
+  # given should be a request method and it will automatically be passed to the
+  # find_for_authentication method and considered in your model lookup. For instance,
+  # if you set :request_keys to [:subdomain], :subdomain will be used on authentication.
+  # The same considerations mentioned for authentication_keys also apply to request_keys.
+  # config.request_keys = []
+
+  # Configure which authentication keys should be case-insensitive.
+  # These keys will be downcased upon creating or modifying a user and when used
+  # to authenticate or find a user. Default is :email.
+  config.case_insensitive_keys = [:email]
+
+  # Configure which authentication keys should have whitespace stripped.
+  # These keys will have whitespace before and after removed upon creating or
+  # modifying a user and when used to authenticate or find a user. Default is :email.
+  config.strip_whitespace_keys = [:email]
+
+  # Tell if authentication through request.params is enabled. True by default.
+  # It can be set to an array that will enable params authentication only for the
+  # given strategies, for example, `config.params_authenticatable = [:database]` will
+  # enable it only for database (email + password) authentication.
+  # config.params_authenticatable = true
+
+  # Tell if authentication through HTTP Auth is enabled. False by default.
+  # It can be set to an array that will enable http authentication only for the
+  # given strategies, for example, `config.http_authenticatable = [:database]` will
+  # enable it only for database authentication.
+  # For API-only applications to support authentication "out-of-the-box", you will likely want to
+  # enable this with :database unless you are using a custom strategy.
+  # The supported strategies are:
+  # :database      = Support basic authentication with authentication key + password
+  # config.http_authenticatable = false
+
+  # If 401 status code should be returned for AJAX requests. True by default.
+  # config.http_authenticatable_on_xhr = true
+
+  # The realm used in Http Basic Authentication. 'Application' by default.
+  # config.http_authentication_realm = 'Application'
+
+  # It will change confirmation, password recovery and other workflows
+  # to behave the same regardless if the e-mail provided was right or wrong.
+  # Does not affect registerable.
+  # config.paranoid = true
+
+  # By default Devise will store the user in session. You can skip storage for
+  # particular strategies by setting this option.
+  # Notice that if you are skipping storage for all authentication paths, you
+  # may want to disable generating routes to Devise's sessions controller by
+  # passing skip: :sessions to `devise_for` in your config/routes.rb
+  config.skip_session_storage = [:http_auth]
+
+  # By default, Devise cleans up the CSRF token on authentication to
+  # avoid CSRF token fixation attacks. This means that, when using AJAX
+  # requests for sign in and sign up, you need to get a new CSRF token
+  # from the server. You can disable this option at your own risk.
+  # config.clean_up_csrf_token_on_authentication = true
+
+  # When false, Devise will not attempt to reload routes on eager load.
+  # This can reduce the time taken to boot the app but if your application
+  # requires the Devise mappings to be loaded during boot time the application
+  # won't boot properly.
+  # config.reload_routes = true
+
+  # ==> Configuration for :database_authenticatable
+  # For bcrypt, this is the cost for hashing the password and defaults to 12. If
+  # using other algorithms, it sets how many times you want the password to be hashed.
+  # The number of stretches used for generating the hashed password are stored
+  # with the hashed password. This allows you to change the stretches without
+  # invalidating existing passwords.
+  #
+  # Limiting the stretches to just one in testing will increase the performance of
+  # your test suite dramatically. However, it is STRONGLY RECOMMENDED to not use
+  # a value less than 10 in other environments. Note that, for bcrypt (the default
+  # algorithm), the cost increases exponentially with the number of stretches (e.g.
+  # a value of 20 is already extremely slow: approx. 60 seconds for 1 calculation).
+  config.stretches = Rails.env.test? ? 1 : 12
+
+  # Set up a pepper to generate the hashed password.
+  # config.pepper = '4708918029b2b8689214e183dd4962252d990c6442faa0cb7193e97afeff6d8c3882d077baca35cf56e1f88cab29d289d20c992496e9fd6106c5b3933846b446'
+
+  # Send a notification to the original email when the user's email is changed.
+  # config.send_email_changed_notification = false
+
+  # Send a notification email when the user's password is changed.
+  # config.send_password_change_notification = false
+
+  # ==> Configuration for :confirmable
+  # A period that the user is allowed to access the website even without
+  # confirming their account. For instance, if set to 2.days, the user will be
+  # able to access the website for two days without confirming their account,
+  # access will be blocked just in the third day.
+  # You can also set it to nil, which will allow the user to access the website
+  # without confirming their account.
+  # Default is 0.days, meaning the user cannot access the website without
+  # confirming their account.
+  # config.allow_unconfirmed_access_for = 2.days
+
+  # A period that the user is allowed to confirm their account before their
+  # token becomes invalid. For example, if set to 3.days, the user can confirm
+  # their account within 3 days after the mail was sent, but on the fourth day
+  # their account can't be confirmed with the token any more.
+  # Default is nil, meaning there is no restriction on how long a user can take
+  # before confirming their account.
+  # config.confirm_within = 3.days
+
+  # If true, requires any email changes to be confirmed (exactly the same way as
+  # initial account confirmation) to be applied. Requires additional unconfirmed_email
+  # db field (see migrations). Until confirmed, new email is stored in
+  # unconfirmed_email column, and copied to email column on successful confirmation.
+  config.reconfirmable = true
+
+  # Defines which key will be used when confirming an account
+  # config.confirmation_keys = [:email]
+
+  # ==> Configuration for :rememberable
+  # The time the user will be remembered without asking for credentials again.
+  # config.remember_for = 2.weeks
+
+  # Invalidates all the remember me tokens when the user signs out.
+  config.expire_all_remember_me_on_sign_out = true
+
+  # If true, extends the user's remember period when remembered via cookie.
+  # config.extend_remember_period = false
+
+  # Options to be passed to the created cookie. For instance, you can set
+  # secure: true in order to force SSL only cookies.
+  # config.rememberable_options = {}
+
+  # ==> Configuration for :validatable
+  # Range for password length.
+  config.password_length = 6..128
+
+  # Email regex used to validate email formats. It simply asserts that
+  # one (and only one) @ exists in the given string. This is mainly
+  # to give user feedback and not to assert the e-mail validity.
+  config.email_regexp = /\A[^@\s]+@[^@\s]+\z/
+
+  # ==> Configuration for :timeoutable
+  # The time you want to timeout the user session without activity. After this
+  # time the user will be asked for credentials again. Default is 30 minutes.
+  # config.timeout_in = 30.minutes
+
+  # ==> Configuration for :lockable
+  # Defines which strategy will be used to lock an account.
+  # :failed_attempts = Locks an account after a number of failed attempts to sign in.
+  # :none            = No lock strategy. You should handle locking by yourself.
+  # config.lock_strategy = :failed_attempts
+
+  # Defines which key will be used when locking and unlocking an account
+  # config.unlock_keys = [:email]
+
+  # Defines which strategy will be used to unlock an account.
+  # :email = Sends an unlock link to the user email
+  # :time  = Re-enables login after a certain amount of time (see :unlock_in below)
+  # :both  = Enables both strategies
+  # :none  = No unlock strategy. You should handle unlocking by yourself.
+  # config.unlock_strategy = :both
+
+  # Number of authentication tries before locking an account if lock_strategy
+  # is failed attempts.
+  # config.maximum_attempts = 20
+
+  # Time interval to unlock the account if :time is enabled as unlock_strategy.
+  # config.unlock_in = 1.hour
+
+  # Warn on the last attempt before the account is locked.
+  # config.last_attempt_warning = true
+
+  # ==> Configuration for :recoverable
+  #
+  # Defines which key will be used when recovering the password for an account
+  # config.reset_password_keys = [:email]
+
+  # Time interval you can reset your password with a reset password key.
+  # Don't put a too small interval or your users won't have the time to
+  # change their passwords.
+  config.reset_password_within = 6.hours
+
+  # When set to false, does not sign a user in automatically after their password is
+  # reset. Defaults to true, so a user is signed in automatically after a reset.
+  # config.sign_in_after_reset_password = true
+
+  # ==> Configuration for :encryptable
+  # Allow you to use another hashing or encryption algorithm besides bcrypt (default).
+  # You can use :sha1, :sha512 or algorithms from others authentication tools as
+  # :clearance_sha1, :authlogic_sha512 (then you should set stretches above to 20
+  # for default behavior) and :restful_authentication_sha1 (then you should set
+  # stretches to 10, and copy REST_AUTH_SITE_KEY to pepper).
+  #
+  # Require the `devise-encryptable` gem when using anything other than bcrypt
+  # config.encryptor = :sha512
+
+  # ==> Scopes configuration
+  # Turn scoped views on. Before rendering "sessions/new", it will first check for
+  # "users/sessions/new". It's turned off by default because it's slower if you
+  # are using only default views.
+  # config.scoped_views = false
+
+  # Configure the default scope given to Warden. By default it's the first
+  # devise role declared in your routes (usually :user).
+  # config.default_scope = :user
+
+  # Set this configuration to false if you want /users/sign_out to sign out
+  # only the current scope. By default, Devise signs out all scopes.
+  # config.sign_out_all_scopes = true
+
+  # ==> Navigation configuration
+  # Lists the formats that should be treated as navigational. Formats like
+  # :html should redirect to the sign in page when the user does not have
+  # access, but formats like :xml or :json, should return 401.
+  #
+  # If you have any extra navigational formats, like :iphone or :mobile, you
+  # should add them to the navigational formats lists.
+  #
+  # The "*/*" below is required to match Internet Explorer requests.
+  # config.navigational_formats = ['*/*', :html, :turbo_stream]
+
+  # The default HTTP method used to sign out a resource. Default is :delete.
+  config.sign_out_via = :delete
+
+  # ==> OmniAuth
+  # Add a new OmniAuth provider. Check the wiki for more information on setting
+  # up on your models and hooks.
+  # config.omniauth :github, 'APP_ID', 'APP_SECRET', scope: 'user,public_repo'
+
+  # ==> Warden configuration
+  # If you want to use other strategies, that are not supported by Devise, or
+  # change the failure app, you can configure them inside the config.warden block.
+  #
+  # config.warden do |manager|
+  #   manager.intercept_401 = false
+  #   manager.default_strategies(scope: :user).unshift :some_external_strategy
+  # end
+
+  # ==> Mountable engine configurations
+  # When using Devise inside an engine, let's call it `MyEngine`, and this engine
+  # is mountable, there are some extra configurations to be taken into account.
+  # The following options are available, assuming the engine is mounted as:
+  #
+  #     mount MyEngine, at: '/my_engine'
+  #
+  # The router that invoked `devise_for`, in the example above, would be:
+  # config.router_name = :my_engine
+  #
+  # When using OmniAuth, Devise cannot automatically set OmniAuth path,
+  # so you need to do it manually. For the users scope, it would be:
+  # config.omniauth_path_prefix = '/my_engine/users/auth'
+
+  # ==> Hotwire/Turbo configuration
+  # When using Devise with Hotwire/Turbo, the http status for error responses
+  # and some redirects must match the following. The default in Devise for existing
+  # apps is `200 OK` and `302 Found` respectively, but new apps are generated with
+  # these new defaults that match Hotwire/Turbo behavior.
+  # Note: These might become the new default in future versions of Devise.
+  config.responder.error_status = :unprocessable_entity
+  config.responder.redirect_status = :see_other
+
+  # ==> Configuration for :registerable
+
+  # When set to false, does not sign a user in automatically after their password is
+  # changed. Defaults to true, so a user is signed in automatically after changing a password.
+  # config.sign_in_after_change_password = true
+end
diff --git a/config/locales/devise.en.yml b/config/locales/devise.en.yml
new file mode 100644
index 0000000..260e1c4
--- /dev/null
+++ b/config/locales/devise.en.yml
@@ -0,0 +1,65 @@
+# Additional translations at https://github.com/heartcombo/devise/wiki/I18n
+
+en:
+  devise:
+    confirmations:
+      confirmed: "Your email address has been successfully confirmed."
+      send_instructions: "You will receive an email with instructions for how to confirm your email address in a few minutes."
+      send_paranoid_instructions: "If your email address exists in our database, you will receive an email with instructions for how to confirm your email address in a few minutes."
+    failure:
+      already_authenticated: "You are already signed in."
+      inactive: "Your account is not activated yet."
+      invalid: "Invalid %{authentication_keys} or password."
+      locked: "Your account is locked."
+      last_attempt: "You have one more attempt before your account is locked."
+      not_found_in_database: "Invalid %{authentication_keys} or password."
+      timeout: "Your session expired. Please sign in again to continue."
+      unauthenticated: "You need to sign in or sign up before continuing."
+      unconfirmed: "You have to confirm your email address before continuing."
+    mailer:
+      confirmation_instructions:
+        subject: "Confirmation instructions"
+      reset_password_instructions:
+        subject: "Reset password instructions"
+      unlock_instructions:
+        subject: "Unlock instructions"
+      email_changed:
+        subject: "Email Changed"
+      password_change:
+        subject: "Password Changed"
+    omniauth_callbacks:
+      failure: "Could not authenticate you from %{kind} because \"%{reason}\"."
+      success: "Successfully authenticated from %{kind} account."
+    passwords:
+      no_token: "You can't access this page without coming from a password reset email. If you do come from a password reset email, please make sure you used the full URL provided."
+      send_instructions: "You will receive an email with instructions on how to reset your password in a few minutes."
+      send_paranoid_instructions: "If your email address exists in our database, you will receive a password recovery link at your email address in a few minutes."
+      updated: "Your password has been changed successfully. You are now signed in."
+      updated_not_active: "Your password has been changed successfully."
+    registrations:
+      destroyed: "Bye! Your account has been successfully cancelled. We hope to see you again soon."
+      signed_up: "Welcome! You have signed up successfully."
+      signed_up_but_inactive: "You have signed up successfully. However, we could not sign you in because your account is not yet activated."
+      signed_up_but_locked: "You have signed up successfully. However, we could not sign you in because your account is locked."
+      signed_up_but_unconfirmed: "A message with a confirmation link has been sent to your email address. Please follow the link to activate your account."
+      update_needs_confirmation: "You updated your account successfully, but we need to verify your new email address. Please check your email and follow the confirmation link to confirm your new email address."
+      updated: "Your account has been updated successfully."
+      updated_but_not_signed_in: "Your account has been updated successfully, but since your password was changed, you need to sign in again."
+    sessions:
+      signed_in: "Signed in successfully."
+      signed_out: "Signed out successfully."
+      already_signed_out: "Signed out successfully."
+    unlocks:
+      send_instructions: "You will receive an email with instructions for how to unlock your account in a few minutes."
+      send_paranoid_instructions: "If your account exists, you will receive an email with instructions for how to unlock it in a few minutes."
+      unlocked: "Your account has been unlocked successfully. Please sign in to continue."
+  errors:
+    messages:
+      already_confirmed: "was already confirmed, please try signing in"
+      confirmation_period_expired: "needs to be confirmed within %{period}, please request a new one"
+      expired: "has expired, please request a new one"
+      not_found: "not found"
+      not_locked: "was not locked"
+      not_saved:
+        one: "1 error prohibited this %{resource} from being saved:"
+        other: "%{count} errors prohibited this %{resource} from being saved:"
diff --git a/config/routes.rb b/config/routes.rb
index 48254e8..a8eef8e 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,4 +1,5 @@
 Rails.application.routes.draw do
+  devise_for :users
   # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
 
   # Reveal health status on /up that returns 200 if the app boots with no exceptions, otherwise 500.
@@ -10,5 +11,7 @@ Rails.application.routes.draw do
   # get "service-worker" => "rails/pwa#service_worker", as: :pwa_service_worker
 
   # Defines the root path route ("/")
-  # root "posts#index"
+  root "home#index"
+  get "statistics", to: "statistics#index", as: :statistics
+
 end
diff --git a/db/migrate/20200511063156_devise_create_users.rb b/db/migrate/20200511063156_devise_create_users.rb
new file mode 100644
index 0000000..74745e4
--- /dev/null
+++ b/db/migrate/20200511063156_devise_create_users.rb
@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+class DeviseCreateUsers < ActiveRecord::Migration[8.0]
+  def change
+    create_table :users do |t|
+      ## Database authenticatable
+      t.string :email,              null: false, default: ""
+      t.string :encrypted_password, null: false, default: ""
+
+      ## Recoverable
+      t.string   :reset_password_token
+      t.datetime :reset_password_sent_at
+
+      ## Rememberable
+      t.datetime :remember_created_at
+
+      ## Trackable
+      # t.integer  :sign_in_count, default: 0, null: false
+      # t.datetime :current_sign_in_at
+      # t.datetime :last_sign_in_at
+      # t.string   :current_sign_in_ip
+      # t.string   :last_sign_in_ip
+
+      ## Confirmable
+      # t.string   :confirmation_token
+      # t.datetime :confirmed_at
+      # t.datetime :confirmation_sent_at
+      # t.string   :unconfirmed_email # Only if using reconfirmable
+
+      ## Lockable
+      # t.integer  :failed_attempts, default: 0, null: false # Only if lock strategy is :failed_attempts
+      # t.string   :unlock_token # Only if unlock strategy is :email or :both
+      # t.datetime :locked_at
+
+
+      t.timestamps null: false
+    end
+
+    add_index :users, :email,                unique: true
+    add_index :users, :reset_password_token, unique: true
+    # add_index :users, :confirmation_token,   unique: true
+    # add_index :users, :unlock_token,         unique: true
+  end
+end
diff --git a/db/migrate/20200516062316_create_logins.rb b/db/migrate/20200516062316_create_logins.rb
new file mode 100644
index 0000000..cadf68c
--- /dev/null
+++ b/db/migrate/20200516062316_create_logins.rb
@@ -0,0 +1,12 @@
+class CreateLogins < ActiveRecord::Migration[8.0]
+  def change
+    create_table :logins do |t|
+      t.belongs_to :user, foreign_key: true
+      t.string :platform, null: false
+      t.jsonb :credentials, default: '{}'
+      t.datetime :last_refresh_at, default: nil
+      t.datetime :dead_since, default: nil
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20200516063257_create_activity.rb b/db/migrate/20200516063257_create_activity.rb
new file mode 100644
index 0000000..270f048
--- /dev/null
+++ b/db/migrate/20200516063257_create_activity.rb
@@ -0,0 +1,14 @@
+class CreateActivity < ActiveRecord::Migration[8.0]
+  def change
+    create_table :activities do |t|
+      t.belongs_to :user, foreign_key: true
+      t.datetime :started_at, null: false
+      t.datetime :ended_at
+      t.string :platform
+      t.string :item_ref, null: false
+      t.string :item_title, null: false
+      t.string :item_length
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20200726102958_add_failed_count_to_logins.rb b/db/migrate/20200726102958_add_failed_count_to_logins.rb
new file mode 100644
index 0000000..0ca6c31
--- /dev/null
+++ b/db/migrate/20200726102958_add_failed_count_to_logins.rb
@@ -0,0 +1,5 @@
+class AddFailedCountToLogins < ActiveRecord::Migration[8.0]
+  def change
+    add_column :logins, :failed_count, :integer, default: 0
+  end
+end
diff --git a/db/migrate/20201101201031_add_missing_indices.rb b/db/migrate/20201101201031_add_missing_indices.rb
new file mode 100644
index 0000000..b6f7877
--- /dev/null
+++ b/db/migrate/20201101201031_add_missing_indices.rb
@@ -0,0 +1,6 @@
+class AddMissingIndices < ActiveRecord::Migration[8.0]
+  def change
+    add_index :activities, :started_at
+    add_index :activities, :platform
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
new file mode 100644
index 0000000..91b20b3
--- /dev/null
+++ b/db/schema.rb
@@ -0,0 +1,58 @@
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# This file is the source Rails uses to define your schema when running `bin/rails
+# db:schema:load`. When creating a new database, `bin/rails db:schema:load` tends to
+# be faster and is potentially less error prone than running all of your
+# migrations from scratch. Old migrations may fail to apply correctly if those
+# migrations use external dependencies or application code.
+#
+# It's strongly recommended that you check this file into your version control system.
+
+ActiveRecord::Schema[8.0].define(version: 2020_11_01_201031) do
+  # These are extensions that must be enabled in order to support this database
+  enable_extension "pg_catalog.plpgsql"
+
+  create_table "activities", force: :cascade do |t|
+    t.bigint "user_id"
+    t.datetime "started_at", null: false
+    t.datetime "ended_at"
+    t.string "platform"
+    t.string "item_ref", null: false
+    t.string "item_title", null: false
+    t.string "item_length"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["platform"], name: "index_activities_on_platform"
+    t.index ["started_at"], name: "index_activities_on_started_at"
+    t.index ["user_id"], name: "index_activities_on_user_id"
+  end
+
+  create_table "logins", force: :cascade do |t|
+    t.bigint "user_id"
+    t.string "platform", null: false
+    t.jsonb "credentials", default: "{}"
+    t.datetime "last_refresh_at"
+    t.datetime "dead_since"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.integer "failed_count", default: 0
+    t.index ["user_id"], name: "index_logins_on_user_id"
+  end
+
+  create_table "users", force: :cascade do |t|
+    t.string "email", default: "", null: false
+    t.string "encrypted_password", default: "", null: false
+    t.string "reset_password_token"
+    t.datetime "reset_password_sent_at"
+    t.datetime "remember_created_at"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["email"], name: "index_users_on_email", unique: true
+    t.index ["reset_password_token"], name: "index_users_on_reset_password_token", unique: true
+  end
+
+  add_foreign_key "activities", "users"
+  add_foreign_key "logins", "users"
+end
diff --git a/test/fixtures/users.yml b/test/fixtures/users.yml
new file mode 100644
index 0000000..d7a3329
--- /dev/null
+++ b/test/fixtures/users.yml
@@ -0,0 +1,11 @@
+# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+# This model initially had no columns defined. If you add columns to the
+# model remove the "{}" from the fixture names and add the columns immediately
+# below each fixture, per the syntax in the comments below
+#
+one: {}
+# column: value
+#
+two: {}
+# column: value
diff --git a/test/models/user_test.rb b/test/models/user_test.rb
new file mode 100644
index 0000000..5c07f49
--- /dev/null
+++ b/test/models/user_test.rb
@@ -0,0 +1,7 @@
+require "test_helper"
+
+class UserTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end