Upload of project source code files.

2026-02-17 03:56:54 +01:00
parent 2dded110c8
commit ed6df5efbe
70 changed files with 12395 additions and 0 deletions
--- a/.formatter.exs
+++ b/.formatter.exs
@@ -0,0 +1,6 @@
+[
+  import_deps: [:ecto, :ecto_sql, :phoenix],
+  subdirectories: ["priv/*/migrations"],
+  plugins: [Phoenix.LiveView.HTMLFormatter],
+  inputs: ["*.{heex,ex,exs}", "{config,lib,test}/**/*.{heex,ex,exs}", "priv/*/seeds.exs"]
+]
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -0,0 +1,19 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+@import url("https://fonts.googleapis.com/css2?family=Jolly+Lodger&family=Kumar+One&family=Modak&family=Rubik+Distressed&display=swap");
+
+html,
+body {
+    background-color: #1a1a1a !important;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.rotate-0 {
+    transform: rotate(0deg);
+}
+.rotate-90 {
+    transform: rotate(90deg);
+}
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -0,0 +1,45 @@
+// If you want to use Phoenix channels, run `mix help phx.gen.channel`
+// to get started and then uncomment the line below.
+// import "./user_socket.js"
+
+// You can include dependencies in two ways.
+//
+// The simplest option is to put them in assets/vendor and
+// import them using relative paths:
+//
+//     import "../vendor/some-package.js"
+//
+// Alternatively, you can `npm install some-package --prefix assets` and import
+// them using a path starting with the package name:
+//
+//     import "some-package"
+//
+
+// Include phoenix_html to handle method=PUT/DELETE in forms and buttons.
+import "phoenix_html";
+// Establish Phoenix Socket and LiveView configuration.
+import { Socket } from "phoenix";
+import { LiveSocket } from "phoenix_live_view";
+import topbar from "../vendor/topbar";
+
+let csrfToken = document
+  .querySelector("meta[name='csrf-token']")
+  .getAttribute("content");
+let liveSocket = new LiveSocket("/live", Socket, {
+  longPollFallbackMs: 2500,
+  params: { _csrf_token: csrfToken },
+});
+
+// Show progress bar on live navigation and form submits
+topbar.config({ barColors: { 0: "#29d" }, shadowColor: "rgba(0, 0, 0, .3)" });
+window.addEventListener("phx:page-loading-start", (_info) => topbar.show(300));
+window.addEventListener("phx:page-loading-stop", (_info) => topbar.hide());
+
+// connect if there are any LiveViews on the page
+liveSocket.connect();
+
+// expose liveSocket on window for web console debug logs and latency simulation:
+// >> liveSocket.enableDebug()
+// >> liveSocket.enableLatencySim(1000)  // enabled for duration of browser session
+// >> liveSocket.disableLatencySim()
+window.liveSocket = liveSocket;
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -0,0 +1,134 @@
+// See the Tailwind configuration guide for advanced usage
+// https://tailwindcss.com/docs/configuration
+
+const plugin = require("tailwindcss/plugin");
+const fs = require("fs");
+const path = require("path");
+
+module.exports = {
+  content: [
+    "./js/**/*.js",
+    "../lib/vishnya_web.ex",
+    "../lib/vishnya_web/**/*.*ex",
+  ],
+  theme: {
+    fontFamily: {
+      rubik: ['"Rubik Distressed"', "system-ui"],
+      modak: ["Modak", "serif"],
+      kumar: ['"Kumar One"', "serif"],
+      jolly: ['"Jolly Lodger"', "serif"],
+    },
+    extend: {
+      colors: {
+        vish: "#ff99ff",
+      },
+      animation: {
+        brightGlow: "brightGlow 2s infinite alternate",
+        glowText: "glowText 2s infinite alternate",
+        slideIn: "slideIn 0.2s ease-out",
+        slideOut: "slideOut 0.2s ease-in forwards",
+      },
+      keyframes: {
+        brightGlow: {
+          "0%": { textShadow: "0px 0px 8px rgba(255, 255, 255, 0.9)" },
+          "100%": {
+            textShadow:
+              "0px 0px 25px rgba(255, 255, 255, 1), 0px 0px 35px rgba(255, 255, 255, 1)",
+          },
+        },
+        glowText: {
+          "0%": {
+            textShadow:
+              "0px 0px 8px rgba(255, 255, 255, 0.8), 0px 0px 15px rgba(255, 153, 255, 0.5)",
+          },
+          "100%": {
+            textShadow:
+              "0px 0px 20px rgba(255, 255, 255, 1), 0px 0px 30px rgba(255, 153, 255, 0.8)",
+          },
+        },
+        slideIn: {
+          "0%": { transform: "translateX(100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" },
+        },
+        slideOut: {
+          "0%": { transform: "translateX(0)", opacity: "1" },
+          "100%": { transform: "translateX(100%)", opacity: "0" },
+        },
+      },
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    // Allows prefixing tailwind classes with LiveView classes to add rules
+    // only when LiveView classes are applied, for example:
+    //
+    //     <div class="phx-click-loading:animate-ping">
+    //
+    plugin(({ addVariant }) =>
+      addVariant("phx-click-loading", [
+        ".phx-click-loading&",
+        ".phx-click-loading &",
+      ]),
+    ),
+    plugin(({ addVariant }) =>
+      addVariant("phx-submit-loading", [
+        ".phx-submit-loading&",
+        ".phx-submit-loading &",
+      ]),
+    ),
+    plugin(({ addVariant }) =>
+      addVariant("phx-change-loading", [
+        ".phx-change-loading&",
+        ".phx-change-loading &",
+      ]),
+    ),
+
+    // Embeds Heroicons (https://heroicons.com) into your app.css bundle
+    // See your `CoreComponents.icon/1` for more information.
+    //
+    plugin(function ({ matchComponents, theme }) {
+      let iconsDir = path.join(__dirname, "../deps/heroicons/optimized");
+      let values = {};
+      let icons = [
+        ["", "/24/outline"],
+        ["-solid", "/24/solid"],
+        ["-mini", "/20/solid"],
+        ["-micro", "/16/solid"],
+      ];
+      icons.forEach(([suffix, dir]) => {
+        fs.readdirSync(path.join(iconsDir, dir)).forEach((file) => {
+          let name = path.basename(file, ".svg") + suffix;
+          values[name] = { name, fullPath: path.join(iconsDir, dir, file) };
+        });
+      });
+      matchComponents(
+        {
+          hero: ({ name, fullPath }) => {
+            let content = fs
+              .readFileSync(fullPath)
+              .toString()
+              .replace(/\r?\n|\r/g, "");
+            let size = theme("spacing.6");
+            if (name.endsWith("-mini")) {
+              size = theme("spacing.5");
+            } else if (name.endsWith("-micro")) {
+              size = theme("spacing.4");
+            }
+            return {
+              [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
+              "-webkit-mask": `var(--hero-${name})`,
+              mask: `var(--hero-${name})`,
+              "mask-repeat": "no-repeat",
+              "background-color": "currentColor",
+              "vertical-align": "middle",
+              display: "inline-block",
+              width: size,
+              height: size,
+            };
+          },
+        },
+        { values },
+      );
+    }),
+  ],
+};
--- a/assets/vendor/topbar.js
+++ b/assets/vendor/topbar.js
@@ -0,0 +1,165 @@
+/**
+ * @license MIT
+ * topbar 2.0.0, 2023-02-04
+ * https://buunguyen.github.io/topbar
+ * Copyright (c) 2021 Buu Nguyen
+ */
+(function (window, document) {
+  "use strict";
+
+  // https://gist.github.com/paulirish/1579671
+  (function () {
+    var lastTime = 0;
+    var vendors = ["ms", "moz", "webkit", "o"];
+    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+      window.requestAnimationFrame =
+        window[vendors[x] + "RequestAnimationFrame"];
+      window.cancelAnimationFrame =
+        window[vendors[x] + "CancelAnimationFrame"] ||
+        window[vendors[x] + "CancelRequestAnimationFrame"];
+    }
+    if (!window.requestAnimationFrame)
+      window.requestAnimationFrame = function (callback, element) {
+        var currTime = new Date().getTime();
+        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+        var id = window.setTimeout(function () {
+          callback(currTime + timeToCall);
+        }, timeToCall);
+        lastTime = currTime + timeToCall;
+        return id;
+      };
+    if (!window.cancelAnimationFrame)
+      window.cancelAnimationFrame = function (id) {
+        clearTimeout(id);
+      };
+  })();
+
+  var canvas,
+    currentProgress,
+    showing,
+    progressTimerId = null,
+    fadeTimerId = null,
+    delayTimerId = null,
+    addEvent = function (elem, type, handler) {
+      if (elem.addEventListener) elem.addEventListener(type, handler, false);
+      else if (elem.attachEvent) elem.attachEvent("on" + type, handler);
+      else elem["on" + type] = handler;
+    },
+    options = {
+      autoRun: true,
+      barThickness: 3,
+      barColors: {
+        0: "rgba(26,  188, 156, .9)",
+        ".25": "rgba(52,  152, 219, .9)",
+        ".50": "rgba(241, 196, 15,  .9)",
+        ".75": "rgba(230, 126, 34,  .9)",
+        "1.0": "rgba(211, 84,  0,   .9)",
+      },
+      shadowBlur: 10,
+      shadowColor: "rgba(0,   0,   0,   .6)",
+      className: null,
+    },
+    repaint = function () {
+      canvas.width = window.innerWidth;
+      canvas.height = options.barThickness * 5; // need space for shadow
+
+      var ctx = canvas.getContext("2d");
+      ctx.shadowBlur = options.shadowBlur;
+      ctx.shadowColor = options.shadowColor;
+
+      var lineGradient = ctx.createLinearGradient(0, 0, canvas.width, 0);
+      for (var stop in options.barColors)
+        lineGradient.addColorStop(stop, options.barColors[stop]);
+      ctx.lineWidth = options.barThickness;
+      ctx.beginPath();
+      ctx.moveTo(0, options.barThickness / 2);
+      ctx.lineTo(
+        Math.ceil(currentProgress * canvas.width),
+        options.barThickness / 2
+      );
+      ctx.strokeStyle = lineGradient;
+      ctx.stroke();
+    },
+    createCanvas = function () {
+      canvas = document.createElement("canvas");
+      var style = canvas.style;
+      style.position = "fixed";
+      style.top = style.left = style.right = style.margin = style.padding = 0;
+      style.zIndex = 100001;
+      style.display = "none";
+      if (options.className) canvas.classList.add(options.className);
+      document.body.appendChild(canvas);
+      addEvent(window, "resize", repaint);
+    },
+    topbar = {
+      config: function (opts) {
+        for (var key in opts)
+          if (options.hasOwnProperty(key)) options[key] = opts[key];
+      },
+      show: function (delay) {
+        if (showing) return;
+        if (delay) {
+          if (delayTimerId) return;
+          delayTimerId = setTimeout(() => topbar.show(), delay);
+        } else  {
+          showing = true;
+          if (fadeTimerId !== null) window.cancelAnimationFrame(fadeTimerId);
+          if (!canvas) createCanvas();
+          canvas.style.opacity = 1;
+          canvas.style.display = "block";
+          topbar.progress(0);
+          if (options.autoRun) {
+            (function loop() {
+              progressTimerId = window.requestAnimationFrame(loop);
+              topbar.progress(
+                "+" + 0.05 * Math.pow(1 - Math.sqrt(currentProgress), 2)
+              );
+            })();
+          }
+        }
+      },
+      progress: function (to) {
+        if (typeof to === "undefined") return currentProgress;
+        if (typeof to === "string") {
+          to =
+            (to.indexOf("+") >= 0 || to.indexOf("-") >= 0
+              ? currentProgress
+              : 0) + parseFloat(to);
+        }
+        currentProgress = to > 1 ? 1 : to;
+        repaint();
+        return currentProgress;
+      },
+      hide: function () {
+        clearTimeout(delayTimerId);
+        delayTimerId = null;
+        if (!showing) return;
+        showing = false;
+        if (progressTimerId != null) {
+          window.cancelAnimationFrame(progressTimerId);
+          progressTimerId = null;
+        }
+        (function loop() {
+          if (topbar.progress("+.1") >= 1) {
+            canvas.style.opacity -= 0.05;
+            if (canvas.style.opacity <= 0.05) {
+              canvas.style.display = "none";
+              fadeTimerId = null;
+              return;
+            }
+          }
+          fadeTimerId = window.requestAnimationFrame(loop);
+        })();
+      },
+    };
+
+  if (typeof module === "object" && typeof module.exports === "object") {
+    module.exports = topbar;
+  } else if (typeof define === "function" && define.amd) {
+    define(function () {
+      return topbar;
+    });
+  } else {
+    this.topbar = topbar;
+  }
+}.call(this, window, document));
--- a/config/config.exs
+++ b/config/config.exs
@@ -0,0 +1,70 @@
+# This file is responsible for configuring your application
+# and its dependencies with the aid of the Config module.
+#
+# This configuration file is loaded before any dependency and
+# is restricted to this project.
+
+# General application configuration
+import Config
+
+config :vishnya,
+  ecto_repos: [Vishnya.Repo],
+  generators: [timestamp_type: :utc_datetime]
+
+config :vishnya, :admin_credentials,
+  username: "admin",
+  password: "admin"
+
+# Configures the endpoint
+config :vishnya, VishnyaWeb.Endpoint,
+  url: [host: "localhost"],
+  adapter: Bandit.PhoenixAdapter,
+  render_errors: [
+    formats: [html: VishnyaWeb.ErrorHTML, json: VishnyaWeb.ErrorJSON],
+    layout: false
+  ],
+  pubsub_server: Vishnya.PubSub,
+  live_view: [signing_salt: "VkEZypnm"]
+
+# Configures the mailer
+#
+# By default it uses the "Local" adapter which stores the emails
+# locally. You can see the emails in your browser, at "/dev/mailbox".
+#
+# For production it's recommended to configure a different adapter
+# at the `config/runtime.exs`.
+config :vishnya, Vishnya.Mailer, adapter: Swoosh.Adapters.Local
+
+# Configure esbuild (the version is required)
+config :esbuild,
+  version: "0.17.11",
+  vishnya: [
+    args:
+      ~w(js/app.js --bundle --target=es2017 --outdir=../priv/static/assets --external:/fonts/* --external:/images/*),
+    cd: Path.expand("../assets", __DIR__),
+    env: %{"NODE_PATH" => Path.expand("../deps", __DIR__)}
+  ]
+
+# Configure tailwind (the version is required)
+config :tailwind,
+  version: "3.4.3",
+  vishnya: [
+    args: ~w(
+      --config=tailwind.config.js
+      --input=css/app.css
+      --output=../priv/static/assets/app.css
+    ),
+    cd: Path.expand("../assets", __DIR__)
+  ]
+
+# Configures Elixir's Logger
+config :logger, :console,
+  format: "$time $metadata[$level] $message\n",
+  metadata: [:request_id]
+
+# Use Jason for JSON parsing in Phoenix
+config :phoenix, :json_library, Jason
+
+# Import environment specific config. This must remain at the bottom
+# of this file so it overrides the configuration defined above.
+import_config "#{config_env()}.exs"
--- a/config/dev.exs
+++ b/config/dev.exs
@@ -0,0 +1,85 @@
+import Config
+
+# Configure your database
+config :vishnya, Vishnya.Repo,
+  username: "postgres",
+  password: "postgres",
+  hostname: "localhost",
+  database: "vishnya_dev",
+  stacktrace: true,
+  show_sensitive_data_on_connection_error: true,
+  pool_size: 10
+
+# For development, we disable any cache and enable
+# debugging and code reloading.
+#
+# The watchers configuration can be used to run external
+# watchers to your application. For example, we can use it
+# to bundle .js and .css sources.
+config :vishnya, VishnyaWeb.Endpoint,
+  # Binding to loopback ipv4 address prevents access from other machines.
+  # Change to `ip: {0, 0, 0, 0}` to allow access from other machines.
+  http: [ip: {127, 0, 0, 1}, port: 4000],
+  check_origin: false,
+  code_reloader: true,
+  debug_errors: true,
+  secret_key_base: "/OiTtqlB4NvMj5pmVzyAbbK7Ufem1qOzocgZK5fZDcnBJExwA8G9w/HwGnFAOdY5",
+  watchers: [
+    esbuild: {Esbuild, :install_and_run, [:vishnya, ~w(--sourcemap=inline --watch)]},
+    tailwind: {Tailwind, :install_and_run, [:vishnya, ~w(--watch)]}
+  ]
+
+# ## SSL Support
+#
+# In order to use HTTPS in development, a self-signed
+# certificate can be generated by running the following
+# Mix task:
+#
+#     mix phx.gen.cert
+#
+# Run `mix help phx.gen.cert` for more information.
+#
+# The `http:` config above can be replaced with:
+#
+#     https: [
+#       port: 4001,
+#       cipher_suite: :strong,
+#       keyfile: "priv/cert/selfsigned_key.pem",
+#       certfile: "priv/cert/selfsigned.pem"
+#     ],
+#
+# If desired, both `http:` and `https:` keys can be
+# configured to run both http and https servers on
+# different ports.
+
+# Watch static and templates for browser reloading.
+config :vishnya, VishnyaWeb.Endpoint,
+  live_reload: [
+    patterns: [
+      ~r"priv/static/(?!uploads/).*(js|css|png|jpeg|jpg|gif|svg)$",
+      ~r"priv/gettext/.*(po)$",
+      ~r"lib/vishnya_web/(controllers|live|components)/.*(ex|heex)$"
+    ]
+  ]
+
+# Enable dev routes for dashboard and mailbox
+config :vishnya, dev_routes: true
+
+# Do not include metadata nor timestamps in development logs
+config :logger, :console, format: "[$level] $message\n"
+
+# Set a higher stacktrace during development. Avoid configuring such
+# in production as building large stacktraces may be expensive.
+config :phoenix, :stacktrace_depth, 20
+
+# Initialize plugs at runtime for faster development compilation
+config :phoenix, :plug_init_mode, :runtime
+
+config :phoenix_live_view,
+  # Include HEEx debug annotations as HTML comments in rendered markup
+  debug_heex_annotations: true,
+  # Enable helpful, but potentially expensive runtime checks
+  enable_expensive_runtime_checks: true
+
+# Disable swoosh api client as it is only required for production adapters.
+config :swoosh, :api_client, false
--- a/config/prod.exs
+++ b/config/prod.exs
@@ -0,0 +1,20 @@
+import Config
+
+# Note we also include the path to a cache manifest
+# containing the digested version of static files. This
+# manifest is generated by the `mix assets.deploy` task,
+# which you should run after static files are built and
+# before starting your production server.
+config :vishnya, VishnyaWeb.Endpoint, cache_static_manifest: "priv/static/cache_manifest.json"
+
+# Configures Swoosh API Client
+config :swoosh, api_client: Swoosh.ApiClient.Finch, finch_name: Vishnya.Finch
+
+# Disable Swoosh Local Memory Storage
+config :swoosh, local: false
+
+# Do not print debug messages in production
+config :logger, level: :info
+
+# Runtime production configuration, including reading
+# of environment variables, is done on config/runtime.exs.
--- a/config/runtime.exs
+++ b/config/runtime.exs
@@ -0,0 +1,117 @@
+import Config
+
+# config/runtime.exs is executed for all environments, including
+# during releases. It is executed after compilation and before the
+# system starts, so it is typically used to load production configuration
+# and secrets from environment variables or elsewhere. Do not define
+# any compile-time configuration in here, as it won't be applied.
+# The block below contains prod specific runtime configuration.
+
+# ## Using releases
+#
+# If you use `mix release`, you need to explicitly enable the server
+# by passing the PHX_SERVER=true when you start it:
+#
+#     PHX_SERVER=true bin/vishnya start
+#
+# Alternatively, you can use `mix phx.gen.release` to generate a `bin/server`
+# script that automatically sets the env var above.
+if System.get_env("PHX_SERVER") do
+  config :vishnya, VishnyaWeb.Endpoint, server: true
+end
+
+if config_env() == :prod do
+  database_url =
+    System.get_env("DATABASE_URL") ||
+      raise """
+      environment variable DATABASE_URL is missing.
+      For example: ecto://USER:PASS@HOST/DATABASE
+      """
+
+  maybe_ipv6 = if System.get_env("ECTO_IPV6") in ~w(true 1), do: [:inet6], else: []
+
+  config :vishnya, Vishnya.Repo,
+    # ssl: true,
+    url: database_url,
+    pool_size: String.to_integer(System.get_env("POOL_SIZE") || "10"),
+    socket_options: maybe_ipv6
+
+  # The secret key base is used to sign/encrypt cookies and other secrets.
+  # A default value is used in config/dev.exs and config/test.exs but you
+  # want to use a different value for prod and you most likely don't want
+  # to check this value into version control, so we use an environment
+  # variable instead.
+  secret_key_base =
+    System.get_env("SECRET_KEY_BASE") ||
+      raise """
+      environment variable SECRET_KEY_BASE is missing.
+      You can generate one by calling: mix phx.gen.secret
+      """
+
+  host = System.get_env("PHX_HOST") || "example.com"
+  port = String.to_integer(System.get_env("PORT") || "4000")
+
+  config :vishnya, :dns_cluster_query, System.get_env("DNS_CLUSTER_QUERY")
+
+  config :vishnya, VishnyaWeb.Endpoint,
+    url: [host: host, port: 443, scheme: "https"],
+    http: [
+      # Enable IPv6 and bind on all interfaces.
+      # Set it to  {0, 0, 0, 0, 0, 0, 0, 1} for local network only access.
+      # See the documentation on https://hexdocs.pm/bandit/Bandit.html#t:options/0
+      # for details about using IPv6 vs IPv4 and loopback vs public addresses.
+      ip: {0, 0, 0, 0, 0, 0, 0, 0},
+      port: port
+    ],
+    secret_key_base: secret_key_base
+
+  # ## SSL Support
+  #
+  # To get SSL working, you will need to add the `https` key
+  # to your endpoint configuration:
+  #
+  #     config :vishnya, VishnyaWeb.Endpoint,
+  #       https: [
+  #         ...,
+  #         port: 443,
+  #         cipher_suite: :strong,
+  #         keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"),
+  #         certfile: System.get_env("SOME_APP_SSL_CERT_PATH")
+  #       ]
+  #
+  # The `cipher_suite` is set to `:strong` to support only the
+  # latest and more secure SSL ciphers. This means old browsers
+  # and clients may not be supported. You can set it to
+  # `:compatible` for wider support.
+  #
+  # `:keyfile` and `:certfile` expect an absolute path to the key
+  # and cert in disk or a relative path inside priv, for example
+  # "priv/ssl/server.key". For all supported SSL configuration
+  # options, see https://hexdocs.pm/plug/Plug.SSL.html#configure/1
+  #
+  # We also recommend setting `force_ssl` in your config/prod.exs,
+  # ensuring no data is ever sent via http, always redirecting to https:
+  #
+  #     config :vishnya, VishnyaWeb.Endpoint,
+  #       force_ssl: [hsts: true]
+  #
+  # Check `Plug.SSL` for all available options in `force_ssl`.
+
+  # ## Configuring the mailer
+  #
+  # In production you need to configure the mailer to use a different adapter.
+  # Also, you may need to configure the Swoosh API client of your choice if you
+  # are not using SMTP. Here is an example of the configuration:
+  #
+  #     config :vishnya, Vishnya.Mailer,
+  #       adapter: Swoosh.Adapters.Mailgun,
+  #       api_key: System.get_env("MAILGUN_API_KEY"),
+  #       domain: System.get_env("MAILGUN_DOMAIN")
+  #
+  # For this example you need include a HTTP client required by Swoosh API client.
+  # Swoosh supports Hackney and Finch out of the box:
+  #
+  #     config :swoosh, :api_client, Swoosh.ApiClient.Hackney
+  #
+  # See https://hexdocs.pm/swoosh/Swoosh.html#module-installation for details.
+end
--- a/config/test.exs
+++ b/config/test.exs
@@ -0,0 +1,37 @@
+import Config
+
+# Configure your database
+#
+# The MIX_TEST_PARTITION environment variable can be used
+# to provide built-in test partitioning in CI environment.
+# Run `mix help test` for more information.
+config :vishnya, Vishnya.Repo,
+  username: "postgres",
+  password: "postgres",
+  hostname: "localhost",
+  database: "vishnya_test#{System.get_env("MIX_TEST_PARTITION")}",
+  pool: Ecto.Adapters.SQL.Sandbox,
+  pool_size: System.schedulers_online() * 2
+
+# We don't run a server during test. If one is required,
+# you can enable the server option below.
+config :vishnya, VishnyaWeb.Endpoint,
+  http: [ip: {127, 0, 0, 1}, port: 4002],
+  secret_key_base: "LP73RPMYMj3jLhMaqMGE+QTFLK5tdU/JFUuXpfIOFSh5/XQhV2kcEDvDKuWh2UaU",
+  server: false
+
+# In test we don't send emails
+config :vishnya, Vishnya.Mailer, adapter: Swoosh.Adapters.Test
+
+# Disable swoosh api client as it is only required for production adapters
+config :swoosh, :api_client, false
+
+# Print only warnings and errors during test
+config :logger, level: :warning
+
+# Initialize plugs at runtime for faster test compilation
+config :phoenix, :plug_init_mode, :runtime
+
+# Enable helpful, but potentially expensive runtime checks
+config :phoenix_live_view,
+  enable_expensive_runtime_checks: true
--- a/lib/vishnya.ex
+++ b/lib/vishnya.ex
@@ -0,0 +1,9 @@
+defmodule Vishnya do
+  @moduledoc """
+  Vishnya keeps the contexts that define your domain
+  and business logic.
+
+  Contexts are also responsible for managing your data, regardless
+  if it comes from the database, an external API or others.
+  """
+end
--- a/lib/vishnya/accounts.ex
+++ b/lib/vishnya/accounts.ex
@@ -0,0 +1,58 @@
+defmodule Vishnya.Accounts do
+  alias Vishnya.Repo
+  alias Vishnya.Accounts.User
+  import Bcrypt, only: [hash_pwd_salt: 1, verify_pass: 2]
+  import :crypto, only: [strong_rand_bytes: 1]
+
+  @token_length 18
+
+  def create_user(%{"username" => username, "password" => password}) do
+    user_id = generate_user_id()
+    password_hash = hash_pwd_salt(password)
+    token = generate_token(user_id, password_hash)
+    IO.inspect(token)
+
+    %User{}
+    |> User.changeset(%{username: username, password_hash: password_hash, user_id: user_id, token: token})
+    |> Repo.insert()
+  end
+
+  def authenticate_user(username, password) do
+    user = Repo.get_by(User, username: username)
+
+    if user && verify_pass(password, user.password_hash) do
+      {:ok, user}
+    else
+      :error
+    end
+  end
+
+  def delete_user(identifier) when is_binary(identifier) do
+    user = Repo.get_by(User, username: identifier) || Repo.get_by(User, user_id: identifier)
+
+    case user do
+      nil ->
+        {:error, "User not found"}
+      _user ->
+        Repo.delete(user)
+        {:ok, "User deleted successfully"}
+    end
+  end
+
+  def authenticate_user(token) do
+    Repo.get_by(User, token: token)
+  end
+
+  defp generate_user_id do
+    :crypto.strong_rand_bytes(18)
+    |> Base.url_encode64()
+    |> binary_part(0, 18)
+  end
+
+  defp generate_token(user_id, password_hash) do
+    random_string = :crypto.strong_rand_bytes(9) |> Base.url_encode64()
+    last_half_hash = binary_part(password_hash, div(byte_size(password_hash), 2), byte_size(password_hash) - div(byte_size(password_hash), 2))
+
+    user_id <> last_half_hash <> random_string |> Base.encode16(case: :lower)
+  end
+end
--- a/lib/vishnya/accounts/user.ex
+++ b/lib/vishnya/accounts/user.ex
@@ -0,0 +1,25 @@
+defmodule Vishnya.Accounts.User do
+  use Ecto.Schema
+  import Ecto.Changeset
+
+  schema "users" do
+    field :username, :string
+    field :password_hash, :string
+    field :user_id, :string
+    field :token, :string
+
+    timestamps()
+  end
+
+  @doc false
+  def changeset(user, attrs) do
+    user
+    |> cast(attrs, [:username, :password_hash, :user_id, :token])
+    |> validate_required([:username, :password_hash, :user_id, :token])
+    |> validate_length(:username, max: 12)
+    |> validate_format(:username, ~r/^[a-z0-9]+$/, message: "must be lowercase letters and numbers")
+    |> unique_constraint(:username)
+    |> unique_constraint(:user_id)
+    |> unique_constraint(:token)
+  end
+end
--- a/lib/vishnya/application.ex
+++ b/lib/vishnya/application.ex
@@ -0,0 +1,68 @@
+defmodule Vishnya.Application do
+  # See https://hexdocs.pm/elixir/Application.html
+  # for more information on OTP Applications
+  @moduledoc false
+
+  use Application
+
+  @impl true
+  def start(_type, _args) do
+    children = [
+      VishnyaWeb.Telemetry,
+      Vishnya.Repo,
+      {DNSCluster, query: Application.get_env(:vishnya, :dns_cluster_query) || :ignore},
+      {Phoenix.PubSub, name: Vishnya.PubSub},
+      # Start the Finch HTTP client for sending emails
+      {Finch, name: Vishnya.Finch},
+      # Start a worker by calling: Vishnya.Worker.start_link(arg)
+      # {Vishnya.Worker, arg},
+      # Start to serve requests, typically the last entry
+      VishnyaWeb.Endpoint
+    ]
+
+    # See https://hexdocs.pm/elixir/Supervisor.html
+    # for other strategies and supported options
+    opts = [strategy: :one_for_one, name: Vishnya.Supervisor]
+    #Supervisor.start_link(children, opts)
+    case Supervisor.start_link(children, opts) do
+      {:ok, pid} ->
+        Task.start(fn -> create_default_admin_user() end)
+        {:ok, pid}
+      {:error, reason} ->
+        IO.puts("Failed to start supervisor: #{inspect(reason)}")
+        {:stop, reason}
+    end
+  end
+
+  # Tell Phoenix to update the endpoint configuration
+  # whenever the application is updated.
+  @impl true
+  def config_change(changed, _new, removed) do
+    VishnyaWeb.Endpoint.config_change(changed, removed)
+    :ok
+  end
+
+  defp create_default_admin_user do
+    admin_credentials = Application.get_env(:vishnya, :admin_credentials)
+
+    username = Keyword.get(admin_credentials, :username)
+    password = Keyword.get(admin_credentials, :password)
+
+    if !user_exists?(username) do
+      Vishnya.Accounts.create_user(%{
+        "username" => username,
+        "password" => password
+      })
+      IO.puts("Default admin user created.")
+    else
+      IO.puts("Default admin user already exists.")
+    end
+  end
+
+  defp user_exists?(username) do
+    case Vishnya.Repo.get_by(Vishnya.Accounts.User, username: username) do
+      nil -> false
+      _user -> true
+    end
+  end
+end
--- a/lib/vishnya/mailer.ex
+++ b/lib/vishnya/mailer.ex
@@ -0,0 +1,3 @@
+defmodule Vishnya.Mailer do
+  use Swoosh.Mailer, otp_app: :vishnya
+end
--- a/lib/vishnya/repo.ex
+++ b/lib/vishnya/repo.ex
@@ -0,0 +1,5 @@
+defmodule Vishnya.Repo do
+  use Ecto.Repo,
+    otp_app: :vishnya,
+    adapter: Ecto.Adapters.Postgres
+end
--- a/lib/vishnya/user.ex
+++ b/lib/vishnya/user.ex
@@ -0,0 +1,23 @@
+defmodule Vishnya.User do
+  use Ecto.Schema
+  import Ecto.Changeset
+
+  schema "users" do
+    field :password_hash, :string
+    field :token, :string
+    field :user_id, :string
+    field :username, :string
+
+    timestamps(type: :utc_datetime)
+  end
+
+  @doc false
+  def changeset(user, attrs) do
+    user
+    |> cast(attrs, [:username, :password_hash, :user_id, :token])
+    |> validate_required([:username, :password_hash, :user_id, :token])
+    |> unique_constraint(:token)
+    |> unique_constraint(:user_id)
+    |> unique_constraint(:username)
+  end
+end
--- a/lib/vishnya_web.ex
+++ b/lib/vishnya_web.ex
@@ -0,0 +1,113 @@
+defmodule VishnyaWeb do
+  @moduledoc """
+  The entrypoint for defining your web interface, such
+  as controllers, components, channels, and so on.
+
+  This can be used in your application as:
+
+      use VishnyaWeb, :controller
+      use VishnyaWeb, :html
+
+  The definitions below will be executed for every controller,
+  component, etc, so keep them short and clean, focused
+  on imports, uses and aliases.
+
+  Do NOT define functions inside the quoted expressions
+  below. Instead, define additional modules and import
+  those modules here.
+  """
+
+  def static_paths, do: ~w(assets fonts images favicon.ico robots.txt)
+
+  def router do
+    quote do
+      use Phoenix.Router, helpers: false
+
+      # Import common connection and controller functions to use in pipelines
+      import Plug.Conn
+      import Phoenix.Controller
+      import Phoenix.LiveView.Router
+    end
+  end
+
+  def channel do
+    quote do
+      use Phoenix.Channel
+    end
+  end
+
+  def controller do
+    quote do
+      use Phoenix.Controller,
+        formats: [:html, :json],
+        layouts: [html: VishnyaWeb.Layouts]
+
+      import Plug.Conn
+      import VishnyaWeb.Gettext
+
+      unquote(verified_routes())
+    end
+  end
+
+  def live_view do
+    quote do
+      use Phoenix.LiveView,
+        layout: {VishnyaWeb.Layouts, :app}
+
+      unquote(html_helpers())
+    end
+  end
+
+  def live_component do
+    quote do
+      use Phoenix.LiveComponent
+
+      unquote(html_helpers())
+    end
+  end
+
+  def html do
+    quote do
+      use Phoenix.Component
+
+      # Import convenience functions from controllers
+      import Phoenix.Controller,
+        only: [get_csrf_token: 0, view_module: 1, view_template: 1]
+
+      # Include general helpers for rendering HTML
+      unquote(html_helpers())
+    end
+  end
+
+  defp html_helpers do
+    quote do
+      # HTML escaping functionality
+      import Phoenix.HTML
+      # Core UI components and translation
+      import VishnyaWeb.CoreComponents
+      import VishnyaWeb.Gettext
+
+      # Shortcut for generating JS commands
+      alias Phoenix.LiveView.JS
+
+      # Routes generation with the ~p sigil
+      unquote(verified_routes())
+    end
+  end
+
+  def verified_routes do
+    quote do
+      use Phoenix.VerifiedRoutes,
+        endpoint: VishnyaWeb.Endpoint,
+        router: VishnyaWeb.Router,
+        statics: VishnyaWeb.static_paths()
+    end
+  end
+
+  @doc """
+  When used, dispatch to the appropriate controller/live_view/etc.
+  """
+  defmacro __using__(which) when is_atom(which) do
+    apply(__MODULE__, which, [])
+  end
+end
--- a/lib/vishnya_web/components/core_components.ex
+++ b/lib/vishnya_web/components/core_components.ex
@@ -0,0 +1,694 @@
+defmodule VishnyaWeb.CoreComponents do
+  @moduledoc """
+  Provides core UI components.
+
+  At first glance, this module may seem daunting, but its goal is to provide
+  core building blocks for your application, such as modals, tables, and
+  forms. The components consist mostly of markup and are well-documented
+  with doc strings and declarative assigns. You may customize and style
+  them in any way you want, based on your application growth and needs.
+
+  The default components use Tailwind CSS, a utility-first CSS framework.
+  See the [Tailwind CSS documentation](https://tailwindcss.com) to learn
+  how to customize them or feel free to swap in another framework altogether.
+
+  Icons are provided by [heroicons](https://heroicons.com). See `icon/1` for usage.
+  """
+  use Phoenix.Component
+
+  alias Phoenix.LiveView.JS
+  import VishnyaWeb.Gettext
+
+  @doc """
+  Renders a modal.
+
+  ## Examples
+
+      <.modal id="confirm-modal">
+        This is a modal.
+      </.modal>
+
+  JS commands may be passed to the `:on_cancel` to configure
+  the closing/cancel event, for example:
+
+      <.modal id="confirm" on_cancel={JS.navigate(~p"/posts")}>
+        This is another modal.
+      </.modal>
+
+  """
+  attr :id, :string, required: true
+  attr :show, :boolean, default: false
+  attr :on_cancel, JS, default: %JS{}
+  slot :inner_block, required: true
+
+  def modal(assigns) do
+    ~H"""
+    <div
+      id={@id}
+      phx-mounted={@show && show_modal(@id)}
+      phx-remove={hide_modal(@id)}
+      data-cancel={JS.exec(@on_cancel, "phx-remove")}
+      class="relative z-50 hidden"
+    >
+      <div id={"#{@id}-bg"} class="bg-zinc-50/90 fixed inset-0 transition-opacity" aria-hidden="true" />
+      <div
+        class="fixed inset-0 overflow-y-auto"
+        aria-labelledby={"#{@id}-title"}
+        aria-describedby={"#{@id}-description"}
+        role="dialog"
+        aria-modal="true"
+        tabindex="0"
+      >
+        <div class="flex min-h-full items-center justify-center">
+          <div class="w-full max-w-3xl p-4 sm:p-6 lg:py-8">
+            <.focus_wrap
+              id={"#{@id}-container"}
+              phx-window-keydown={JS.exec("data-cancel", to: "##{@id}")}
+              phx-key="escape"
+              phx-click-away={JS.exec("data-cancel", to: "##{@id}")}
+              class="shadow-zinc-700/10 ring-zinc-700/10 relative hidden rounded-2xl bg-white p-14 shadow-lg ring-1 transition"
+            >
+              <div class="absolute top-6 right-5">
+                <button
+                  phx-click={JS.exec("data-cancel", to: "##{@id}")}
+                  type="button"
+                  class="-m-3 flex-none p-3 opacity-20 hover:opacity-40"
+                  aria-label={gettext("close")}
+                >
+                  <.icon name="hero-x-mark-solid" class="h-5 w-5" />
+                </button>
+              </div>
+              <div id={"#{@id}-content"}>
+                <%= render_slot(@inner_block) %>
+              </div>
+            </.focus_wrap>
+          </div>
+        </div>
+      </div>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders flash notices.
+
+  ## Examples
+
+      <.flash kind={:info} flash={@flash} />
+      <.flash kind={:info} phx-mounted={show("#flash")}>Welcome Back!</.flash>
+  """
+  attr :id, :string, doc: "the optional id of flash container"
+  attr :flash, :map, default: %{}, doc: "the map of flash messages to display"
+  attr :title, :string, default: nil
+  attr :kind, :atom, values: [:info, :error], doc: "used for styling and flash lookup"
+  attr :rest, :global, doc: "the arbitrary HTML attributes to add to the flash container"
+
+  slot :inner_block, doc: "the optional inner block that renders the flash message"
+
+  def flash(assigns) do
+    assigns = assign_new(assigns, :id, fn -> "flash-#{assigns.kind}" end)
+
+    ~H"""
+    <div
+      :if={msg = render_slot(@inner_block) || Phoenix.Flash.get(@flash, @kind)}
+      id={@id}
+      role="alert"
+      class={[
+        "flash fixed bottom-4 right-4 w-80 sm:w-96 z-50 rounded-lg px-6 py-4 shadow-xl transition-transform transform",
+        "animate-slideIn",
+        @kind == :info && "bg-gradient-to-r from-pink-600 to-vish text-white",
+        @kind == :error && "bg-gradient-to-r from-red-600 to-pink-400 text-white"
+      ]}
+      {@rest}
+    >
+      <div class="flex items-center justify-between gap-4">
+        <p class="flex items-center gap-2 text-lg font-semibold tracking-wide">
+          <.icon :if={@kind == :info} name="hero-information-circle-mini" class="h-5 w-5 text-pink-100" />
+          <.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="h-5 w-5 text-pink-100" />
+          <span class="flex-grow text-right"><%= @title || (if @kind == :info, do: "Info", else: "Error") %></span>
+        </p>
+        <button type="button" class="text-white opacity-70 hover:opacity-100" aria-label="Close" onclick="closeFlash(this)">
+          <.icon name="hero-x-mark-solid" class="h-5 w-5" />
+        </button>
+      </div>
+      <p class="mt-2 text-sm"><%= msg %></p>
+    </div>
+
+    <script>
+      function closeFlash(button) {
+        const flash = button.closest('.flash');
+        flash.classList.add('animate-slideOut');
+      }
+
+      document.addEventListener("DOMContentLoaded", function () {
+        const flash = document.getElementById("<%= @id %>");
+        if (flash) {
+          setTimeout(() => {
+            flash.classList.add("animate-slideOut");
+          }, 3500);
+        }
+      });
+    </script>
+    """
+  end
+
+  @doc """
+  Shows the flash group with standard titles and content.
+
+  ## Examples
+
+      <.flash_group flash={@flash} />
+  """
+  attr :flash, :map, required: true, doc: "the map of flash messages"
+  attr :id, :string, default: "flash-group", doc: "the optional id of flash container"
+
+  def flash_group(assigns) do
+    ~H"""
+    <div id={@id}>
+      <.flash kind={:info} title={gettext("Success!")} flash={@flash} />
+      <.flash kind={:error} title={gettext("Error!")} flash={@flash} />
+      <.flash
+        id="client-error"
+        kind={:error}
+        title={gettext("We can't find the internet")}
+        phx-disconnected={show(".phx-client-error #client-error")}
+        phx-connected={hide("#client-error")}
+        hidden
+      >
+        <%= gettext("Attempting to reconnect") %>
+        <.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
+      </.flash>
+
+      <.flash
+        id="server-error"
+        kind={:error}
+        title={gettext("Something went wrong!")}
+        phx-disconnected={show(".phx-server-error #server-error")}
+        phx-connected={hide("#server-error")}
+        hidden
+      >
+        <%= gettext("Hang in there while we get back on track") %>
+        <.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
+      </.flash>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a simple form.
+
+  ## Examples
+
+      <.simple_form for={@form} phx-change="validate" phx-submit="save">
+        <.input field={@form[:email]} label="Email"/>
+        <.input field={@form[:username]} label="Username" />
+        <:actions>
+          <.button>Save</.button>
+        </:actions>
+      </.simple_form>
+  """
+  attr :for, :any, required: true, doc: "the data structure for the form"
+  attr :as, :any, default: nil, doc: "the server side parameter to collect all input under"
+
+  attr :rest, :global,
+    include: ~w(autocomplete name rel action enctype method novalidate target multipart),
+    doc: "the arbitrary HTML attributes to apply to the form tag"
+
+  slot :inner_block, required: true
+  slot :actions, doc: "the slot for form actions, such as a submit button"
+
+  def simple_form(assigns) do
+    ~H"""
+    <.form :let={f} for={@for} as={@as} {@rest}>
+      <div class="mt-10 space-y-8 bg-white">
+        <%= render_slot(@inner_block, f) %>
+        <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
+          <%= render_slot(action, f) %>
+        </div>
+      </div>
+    </.form>
+    """
+  end
+
+  @doc """
+  Renders a button.
+
+  ## Examples
+
+      <.button>Send!</.button>
+      <.button phx-click="go" class="ml-2">Send!</.button>
+  """
+  attr :type, :string, default: nil
+  attr :class, :string, default: nil
+  attr :rest, :global, include: ~w(disabled form name value)
+
+  slot :inner_block, required: true
+
+  def button(assigns) do
+    ~H"""
+    <button
+      type={@type}
+      class={[
+        "phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3",
+        "text-sm font-semibold leading-6 text-white active:text-white/80",
+        @class
+      ]}
+      {@rest}
+    >
+      <%= render_slot(@inner_block) %>
+    </button>
+    """
+  end
+
+  @doc """
+  Renders an input with label and error messages.
+
+  A `Phoenix.HTML.FormField` may be passed as argument,
+  which is used to retrieve the input name, id, and values.
+  Otherwise all attributes may be passed explicitly.
+
+  ## Types
+
+  This function accepts all HTML input types, considering that:
+
+    * You may also set `type="select"` to render a `<select>` tag
+
+    * `type="checkbox"` is used exclusively to render boolean values
+
+    * For live file uploads, see `Phoenix.Component.live_file_input/1`
+
+  See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
+  for more information. Unsupported types, such as hidden and radio,
+  are best written directly in your templates.
+
+  ## Examples
+
+      <.input field={@form[:email]} type="email" />
+      <.input name="my-input" errors={["oh no!"]} />
+  """
+  attr :id, :any, default: nil
+  attr :name, :any
+  attr :label, :string, default: nil
+  attr :value, :any
+
+  attr :type, :string,
+    default: "text",
+    values: ~w(checkbox color date datetime-local email file month number password
+               range search select tel text textarea time url week)
+
+  attr :field, Phoenix.HTML.FormField,
+    doc: "a form field struct retrieved from the form, for example: @form[:email]"
+
+  attr :errors, :list, default: []
+  attr :checked, :boolean, doc: "the checked flag for checkbox inputs"
+  attr :prompt, :string, default: nil, doc: "the prompt for select inputs"
+  attr :options, :list, doc: "the options to pass to Phoenix.HTML.Form.options_for_select/2"
+  attr :multiple, :boolean, default: false, doc: "the multiple flag for select inputs"
+
+  attr :rest, :global,
+    include: ~w(accept autocomplete capture cols disabled form list max maxlength min minlength
+                multiple pattern placeholder readonly required rows size step)
+
+  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
+    errors = if Phoenix.Component.used_input?(field), do: field.errors, else: []
+
+    assigns
+    |> assign(field: nil, id: assigns.id || field.id)
+    |> assign(:errors, Enum.map(errors, &translate_error(&1)))
+    |> assign_new(:name, fn -> if assigns.multiple, do: field.name <> "[]", else: field.name end)
+    |> assign_new(:value, fn -> field.value end)
+    |> input()
+  end
+
+  def input(%{type: "checkbox"} = assigns) do
+    assigns =
+      assign_new(assigns, :checked, fn ->
+        Phoenix.HTML.Form.normalize_value("checkbox", assigns[:value])
+      end)
+
+    ~H"""
+    <div>
+      <label class="flex items-center gap-4 text-sm leading-6 text-zinc-600">
+        <input type="hidden" name={@name} value="false" disabled={@rest[:disabled]} />
+        <input
+          type="checkbox"
+          id={@id}
+          name={@name}
+          value="true"
+          checked={@checked}
+          class="rounded border-zinc-300 text-zinc-900 focus:ring-0"
+          {@rest}
+        />
+        <%= @label %>
+      </label>
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  def input(%{type: "select"} = assigns) do
+    ~H"""
+    <div>
+      <.label for={@id}><%= @label %></.label>
+      <select
+        id={@id}
+        name={@name}
+        class="mt-2 block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm"
+        multiple={@multiple}
+        {@rest}
+      >
+        <option :if={@prompt} value=""><%= @prompt %></option>
+        <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+      </select>
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  def input(%{type: "textarea"} = assigns) do
+    ~H"""
+    <div>
+      <.label for={@id}><%= @label %></.label>
+      <textarea
+        id={@id}
+        name={@name}
+        class={[
+          "mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6 min-h-[6rem]",
+          @errors == [] && "border-zinc-300 focus:border-zinc-400",
+          @errors != [] && "border-rose-400 focus:border-rose-400"
+        ]}
+        {@rest}
+      ><%= Phoenix.HTML.Form.normalize_value("textarea", @value) %></textarea>
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  # All other inputs text, datetime-local, url, password, etc. are handled here...
+  def input(assigns) do
+    ~H"""
+    <div>
+      <.label for={@id}><%= @label %></.label>
+      <input
+        type={@type}
+        name={@name}
+        id={@id}
+        value={Phoenix.HTML.Form.normalize_value(@type, @value)}
+        class={[
+          "mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6",
+          @errors == [] && "border-zinc-300 focus:border-zinc-400",
+          @errors != [] && "border-rose-400 focus:border-rose-400"
+        ]}
+        {@rest}
+      />
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a label.
+  """
+  attr :for, :string, default: nil
+  slot :inner_block, required: true
+
+  def label(assigns) do
+    ~H"""
+    <label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800">
+      <%= render_slot(@inner_block) %>
+    </label>
+    """
+  end
+
+  @doc """
+  Generates a generic error message.
+  """
+  slot :inner_block, required: true
+
+  def error(assigns) do
+    ~H"""
+    <p class="mt-3 flex gap-3 text-sm leading-6 text-rose-600">
+      <.icon name="hero-exclamation-circle-mini" class="mt-0.5 h-5 w-5 flex-none" />
+      <%= render_slot(@inner_block) %>
+    </p>
+    """
+  end
+
+  @doc """
+  Renders a header with title.
+  """
+  attr :class, :string, default: nil
+
+  slot :inner_block, required: true
+  slot :subtitle
+  slot :actions
+
+  def header(assigns) do
+    ~H"""
+    <header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
+      <div>
+        <h1 class="text-lg font-semibold leading-8 text-zinc-800">
+          <%= render_slot(@inner_block) %>
+        </h1>
+        <p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
+          <%= render_slot(@subtitle) %>
+        </p>
+      </div>
+      <div class="flex-none"><%= render_slot(@actions) %></div>
+    </header>
+    """
+  end
+
+  @doc ~S"""
+  Renders a table with generic styling.
+
+  ## Examples
+
+      <.table id="users" rows={@users}>
+        <:col :let={user} label="id"><%= user.id %></:col>
+        <:col :let={user} label="username"><%= user.username %></:col>
+      </.table>
+  """
+  attr :id, :string, required: true
+  attr :rows, :list, required: true
+  attr :row_id, :any, default: nil, doc: "the function for generating the row id"
+  attr :row_click, :any, default: nil, doc: "the function for handling phx-click on each row"
+
+  attr :row_item, :any,
+    default: &Function.identity/1,
+    doc: "the function for mapping each row before calling the :col and :action slots"
+
+  slot :col, required: true do
+    attr :label, :string
+  end
+
+  slot :action, doc: "the slot for showing user actions in the last table column"
+
+  def table(assigns) do
+    assigns =
+      with %{rows: %Phoenix.LiveView.LiveStream{}} <- assigns do
+        assign(assigns, row_id: assigns.row_id || fn {id, _item} -> id end)
+      end
+
+    ~H"""
+    <div class="overflow-y-auto px-4 sm:overflow-visible sm:px-0">
+      <table class="w-[40rem] mt-11 sm:w-full">
+        <thead class="text-sm text-left leading-6 text-zinc-500">
+          <tr>
+            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th>
+            <th :if={@action != []} class="relative p-0 pb-4">
+              <span class="sr-only"><%= gettext("Actions") %></span>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          id={@id}
+          phx-update={match?(%Phoenix.LiveView.LiveStream{}, @rows) && "stream"}
+          class="relative divide-y divide-zinc-100 border-t border-zinc-200 text-sm leading-6 text-zinc-700"
+        >
+          <tr :for={row <- @rows} id={@row_id && @row_id.(row)} class="group hover:bg-zinc-50">
+            <td
+              :for={{col, i} <- Enum.with_index(@col)}
+              phx-click={@row_click && @row_click.(row)}
+              class={["relative p-0", @row_click && "hover:cursor-pointer"]}
+            >
+              <div class="block py-4 pr-6">
+                <span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" />
+                <span class={["relative", i == 0 && "font-semibold text-zinc-900"]}>
+                  <%= render_slot(col, @row_item.(row)) %>
+                </span>
+              </div>
+            </td>
+            <td :if={@action != []} class="relative w-14 p-0">
+              <div class="relative whitespace-nowrap py-4 text-right text-sm font-medium">
+                <span class="absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50 sm:rounded-r-xl" />
+                <span
+                  :for={action <- @action}
+                  class="relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
+                >
+                  <%= render_slot(action, @row_item.(row)) %>
+                </span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a data list.
+
+  ## Examples
+
+      <.list>
+        <:item title="Title"><%= @post.title %></:item>
+        <:item title="Views"><%= @post.views %></:item>
+      </.list>
+  """
+  slot :item, required: true do
+    attr :title, :string, required: true
+  end
+
+  def list(assigns) do
+    ~H"""
+    <div class="mt-14">
+      <dl class="-my-4 divide-y divide-zinc-100">
+        <div :for={item <- @item} class="flex gap-4 py-4 text-sm leading-6 sm:gap-8">
+          <dt class="w-1/4 flex-none text-zinc-500"><%= item.title %></dt>
+          <dd class="text-zinc-700"><%= render_slot(item) %></dd>
+        </div>
+      </dl>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a back navigation link.
+
+  ## Examples
+
+      <.back navigate={~p"/posts"}>Back to posts</.back>
+  """
+  attr :navigate, :any, required: true
+  slot :inner_block, required: true
+
+  def back(assigns) do
+    ~H"""
+    <div class="mt-16">
+      <.link
+        navigate={@navigate}
+        class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
+      >
+        <.icon name="hero-arrow-left-solid" class="h-3 w-3" />
+        <%= render_slot(@inner_block) %>
+      </.link>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a [Heroicon](https://heroicons.com).
+
+  Heroicons come in three styles – outline, solid, and mini.
+  By default, the outline style is used, but solid and mini may
+  be applied by using the `-solid` and `-mini` suffix.
+
+  You can customize the size and colors of the icons by setting
+  width, height, and background color classes.
+
+  Icons are extracted from the `deps/heroicons` directory and bundled within
+  your compiled app.css by the plugin in your `assets/tailwind.config.js`.
+
+  ## Examples
+
+      <.icon name="hero-x-mark-solid" />
+      <.icon name="hero-arrow-path" class="ml-1 w-3 h-3 animate-spin" />
+  """
+  attr :name, :string, required: true
+  attr :class, :string, default: nil
+
+  def icon(%{name: "hero-" <> _} = assigns) do
+    ~H"""
+    <span class={[@name, @class]} />
+    """
+  end
+
+  ## JS Commands
+
+  def show(js \\ %JS{}, selector) do
+    JS.show(js,
+      to: selector,
+      time: 300,
+      transition:
+        {"transition-all transform ease-out duration-300",
+         "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+         "opacity-100 translate-y-0 sm:scale-100"}
+    )
+  end
+
+  def hide(js \\ %JS{}, selector) do
+    JS.hide(js,
+      to: selector,
+      time: 200,
+      transition:
+        {"transition-all transform ease-in duration-200",
+         "opacity-100 translate-y-0 sm:scale-100",
+         "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"}
+    )
+  end
+
+  def show_modal(js \\ %JS{}, id) when is_binary(id) do
+    js
+    |> JS.show(to: "##{id}")
+    |> JS.show(
+      to: "##{id}-bg",
+      time: 300,
+      transition: {"transition-all transform ease-out duration-300", "opacity-0", "opacity-100"}
+    )
+    |> show("##{id}-container")
+    |> JS.add_class("overflow-hidden", to: "body")
+    |> JS.focus_first(to: "##{id}-content")
+  end
+
+  def hide_modal(js \\ %JS{}, id) do
+    js
+    |> JS.hide(
+      to: "##{id}-bg",
+      transition: {"transition-all transform ease-in duration-200", "opacity-100", "opacity-0"}
+    )
+    |> hide("##{id}-container")
+    |> JS.hide(to: "##{id}", transition: {"block", "block", "hidden"})
+    |> JS.remove_class("overflow-hidden", to: "body")
+    |> JS.pop_focus()
+  end
+
+  @doc """
+  Translates an error message using gettext.
+  """
+  def translate_error({msg, opts}) do
+    # When using gettext, we typically pass the strings we want
+    # to translate as a static argument:
+    #
+    #     # Translate the number of files with plural rules
+    #     dngettext("errors", "1 file", "%{count} files", count)
+    #
+    # However the error messages in our forms and APIs are generated
+    # dynamically, so we need to translate them by calling Gettext
+    # with our gettext backend as first argument. Translations are
+    # available in the errors.po file (as we use the "errors" domain).
+    if count = opts[:count] do
+      Gettext.dngettext(VishnyaWeb.Gettext, "errors", msg, msg, count, opts)
+    else
+      Gettext.dgettext(VishnyaWeb.Gettext, "errors", msg, opts)
+    end
+  end
+
+  @doc """
+  Translates the errors for a field from a keyword list of errors.
+  """
+  def translate_errors(errors, field) when is_list(errors) do
+    for {^field, {msg, opts}} <- errors, do: translate_error({msg, opts})
+  end
+end
--- a/lib/vishnya_web/components/layouts.ex
+++ b/lib/vishnya_web/components/layouts.ex
@@ -0,0 +1,14 @@
+defmodule VishnyaWeb.Layouts do
+  @moduledoc """
+  This module holds different layouts used by your application.
+
+  See the `layouts` directory for all templates available.
+  The "root" layout is a skeleton rendered as part of the
+  application router. The "app" layout is set as the default
+  layout on both `use VishnyaWeb, :controller` and
+  `use VishnyaWeb, :live_view`.
+  """
+  use VishnyaWeb, :html
+
+  embed_templates "layouts/*"
+end
--- a/lib/vishnya_web/components/layouts/app.html.heex
+++ b/lib/vishnya_web/components/layouts/app.html.heex
@@ -0,0 +1,56 @@
+<header class="px-4 sm:px-6 lg:px-8">
+  <div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
+    <div class="flex items-center gap-4">
+      <a href="/">
+        <img src={~p"/images/rawr.png"} width="36" class="ml-5" />
+      </a>
+      <p class="bg-vish/5 text-vish rounded-full px-2 font-medium leading-6 mr-4">
+        v<%= Application.spec(:vishnya, :vsn) %>
+      </p>
+    </div>
+    <%= if Phoenix.Controller.current_path(@conn) == "/" do %>
+        <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
+          <a
+            href="/sign_in"
+            class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80 mr-5 ml-10"
+          >
+            Get Started <span aria-hidden="true">&rarr;</span>
+          </a>
+        </div>
+    <% else %>
+      <%= if Phoenix.Controller.current_path(@conn) == "/dashboard" do %>
+        <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
+          <a
+            href="/settings"
+            class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80 mr-5 ml-10"
+          >
+            Settings
+          </a>
+        </div>
+        <!--<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
+          <a
+            href="/account"
+            class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80 mr-5 ml-10"
+          >
+            <span class="flex items-center">
+            Account
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 ml-2">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" />
+              <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="size-4 ml-2">
+              <path strokeLinecap="round" strokeLinejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
+            </svg>
+            </span>
+          </a>
+        </div>-->
+        <% end %>
+    <% end %>
+  </div>
+</header>
+<main class="px-4 py-10 sm:px-6 lg:px-8">
+  <div class="mx-auto">
+    <.flash_group flash={@flash} />
+    <%= @inner_content %>
+  </div>
+</main>
--- a/lib/vishnya_web/components/layouts/root.html.heex
+++ b/lib/vishnya_web/components/layouts/root.html.heex
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en" class="[scrollbar-gutter:stable]">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="csrf-token" content={get_csrf_token()} />
+    <.live_title suffix=" · Меридиан">
+      <%= assigns[:page_title] || "Vishnya" %>
+    </.live_title>
+    <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
+    </script>
+  </head>
+  <body>
+    <%= @inner_content %>
+  </body>
+</html>
--- a/lib/vishnya_web/controllers/auth_controller.ex
+++ b/lib/vishnya_web/controllers/auth_controller.ex
@@ -0,0 +1,38 @@
+defmodule VishnyaWeb.AuthController do
+  use VishnyaWeb, :controller
+  alias Vishnya.Accounts
+
+  def authenticate_user(conn, %{"username" => username, "password" => password} = params) do
+    remember = Map.get(params, "remember") == "on"
+
+    IO.inspect(remember)
+
+    case Accounts.authenticate_user(username, password) do
+      {:ok, user} ->
+        conn
+        |> put_flash(:info, "Signed in successfully!")
+        |> put_resp_cookie("auth_token", user.token, max_age: if(remember, do: 60 * 60 * 24 * 30, else: nil))
+        |> redirect(to: "/dashboard")
+
+      :error ->
+        conn
+        |> put_flash(:error, "Invalid username or password.")
+        |> redirect(to: "/sign_in")
+    end
+  end
+
+  def authenticate_user(conn, %{"token" => token}) do
+    case Accounts.authenticate_user(token) do
+      nil ->
+        conn
+        |> put_flash(:error, "Invalid session token.")
+        |> redirect(to: "/sign_in")
+
+      user ->
+        conn
+        |> put_flash(:info, "Loaded session token.")
+        |> put_resp_cookie("auth_token", user.token, max_age: 60 * 60 * 24 * 30)
+        |> redirect(to: "/dashboard")
+    end
+  end
+end
--- a/lib/vishnya_web/controllers/error_html.ex
+++ b/lib/vishnya_web/controllers/error_html.ex
@@ -0,0 +1,24 @@
+defmodule VishnyaWeb.ErrorHTML do
+  @moduledoc """
+  This module is invoked by your endpoint in case of errors on HTML requests.
+
+  See config/config.exs.
+  """
+  use VishnyaWeb, :html
+
+  # If you want to customize your error pages,
+  # uncomment the embed_templates/1 call below
+  # and add pages to the error directory:
+  #
+  #   * lib/vishnya_web/controllers/error_html/404.html.heex
+  #   * lib/vishnya_web/controllers/error_html/500.html.heex
+  #
+  # embed_templates "error_html/*"
+
+  # The default is to render a plain text page based on
+  # the template name. For example, "404.html" becomes
+  # "Not Found".
+  def render(template, _assigns) do
+    Phoenix.Controller.status_message_from_template(template)
+  end
+end
--- a/lib/vishnya_web/controllers/error_json.ex
+++ b/lib/vishnya_web/controllers/error_json.ex
@@ -0,0 +1,21 @@
+defmodule VishnyaWeb.ErrorJSON do
+  @moduledoc """
+  This module is invoked by your endpoint in case of errors on JSON requests.
+
+  See config/config.exs.
+  """
+
+  # If you want to customize a particular status code,
+  # you may add your own clauses, such as:
+  #
+  # def render("500.json", _assigns) do
+  #   %{errors: %{detail: "Internal Server Error"}}
+  # end
+
+  # By default, Phoenix returns the status message from
+  # the template name. For example, "404.json" becomes
+  # "Not Found".
+  def render(template, _assigns) do
+    %{errors: %{detail: Phoenix.Controller.status_message_from_template(template)}}
+  end
+end
--- a/lib/vishnya_web/controllers/message_controller.ex
+++ b/lib/vishnya_web/controllers/message_controller.ex
@@ -0,0 +1,15 @@
+defmodule VishnyaWeb.MessageController do
+  use VishnyaWeb, :controller
+
+  def messages(conn, params) do
+    #user = conn.assigns[:user]
+
+    #if user do
+    #  json(conn, %{name: "meow"})
+    #else
+    #  send_resp(conn, 401, "Incorrect token")
+    #end
+    id = params["id"]
+    json(conn, %{name: "meow", id: id})
+  end
+end
--- a/lib/vishnya_web/controllers/page_controller.ex
+++ b/lib/vishnya_web/controllers/page_controller.ex
@@ -0,0 +1,19 @@
+defmodule VishnyaWeb.PageController do
+  use VishnyaWeb, :controller
+
+  #def authenticate_user(username, password) do
+  #  username == "admin" and password == "admin"
+  #end
+
+  def home(conn, _params) do
+    render(conn, :home)
+  end
+
+  def sign_in(conn, _params) do
+    render(conn, :sign_in)
+  end
+
+  def dashboard(conn, _params) do
+    render(conn, :dashboard) #, layout: false)
+  end
+end
--- a/lib/vishnya_web/controllers/page_html.ex
+++ b/lib/vishnya_web/controllers/page_html.ex
@@ -0,0 +1,10 @@
+defmodule VishnyaWeb.PageHTML do
+  @moduledoc """
+  This module contains pages rendered by PageController.
+
+  See the `page_html` directory for all templates available.
+  """
+  use VishnyaWeb, :html
+
+  embed_templates "page_html/*"
+end
--- a/lib/vishnya_web/controllers/page_html/dashboard.html.heex
+++ b/lib/vishnya_web/controllers/page_html/dashboard.html.heex
@@ -0,0 +1,176 @@
+<% auth_token = Map.get(@conn.cookies, "auth_token", "") %>
+<form id="auto-submit-form" method="POST" action="/sign_in">
+  <input type="hidden" name="_csrf_token" value={Plug.CSRFProtection.get_csrf_token()}>
+  <input type="hidden" name="token" value={auth_token}>
+</form>
+<%= if auth_token == "" do %>
+  <script>
+    document.getElementById('auto-submit-form').submit();
+  </script>
+<% end %>
+<body class="bg-[#0d0d0d] text-white flex-col items-center justify-center m-0 p-0 h-screen w-screen">
+  <div class="w-auto bg-zinc-800/90 shadow-2xl rounded-lg p-4 mx-auto space-y-4 overflow-y-auto">
+    <h2 class="text-2xl font-bold text-center mb-4 animate-glowText bg-gradient-to-r from-[#ff99ff] to-[#ffffff] bg-clip-text text-transparent">Vishnya Database</h2>
+    <div class="relative">
+      <input type="text" placeholder="Search any data (e.g., discord ID, telegram invitation, instagram username)..."
+        class="w-full bg-[#1a1a1a] border border-zinc-700 text-white placeholder-gray-400 rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-4 focus:ring-[#ff99ff] transition duration-300 shadow-md placeholder-wrap break-words placeholder:whitespace-normal h-auto">
+      <button class="absolute right-1 top-1/2 transform -translate-y-1/2 bg-[#ff99ff] text-gray-900 px-3 py-1 rounded-lg text-sm font-semibold transition hover:bg-[#e080e0]">
+        Search
+      </button>
+    </div>
+    <div>
+      <div class="bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm mb-6 flex" style="background-image: url('/images/sex.png');">
+        <img src={~p"/images/sex.png"} alt="Profile Picture" class="w-10 h-10 rounded-full mr-2">
+        <div class="flex-col space-y-1">
+          <p class="font-semibold">Username: <span class="font-normal">killcomgrls - <span class="text-opacity-75 font-thin">gumbobrot., hackermen187</span></span></p>
+          <p class="font-semibold">Display names: <span class="font-normal">3xc, <span class="text-opacity-75 font-thin">rawr, lewd gamer 1, skibid rizzlington</span></span></p>
+          <p class="font-semibold">User ID: <span class="font-normal">1283531827688247371</span></p>
+          <p class="font-semibold">Created: <span class="font-normal">Wed, 11 Sep 2024 20:57:14 UTC</span></p>
+          <p class="font-semibold">Banner: <span class="bg-[#d8d8d8] font-normal rounded-lg">#d8d8d8</span></p>
+        </div>
+      </div>
+      <button class="bg-vish right-1 rounded-md inline text-white transition hover:bg-[#e080e0] mb-6 text-sm p-1" onclick={}>Download JSON</button>
+      <div class="border-zinc-700 shadow-md text-sm mb-6 flex flex-col space-y-1">
+        <div class="flex justify-between items-center bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+          <div class="flex items-center space-x-2">
+            <img src={~p"/images/^^.jpg"} alt="Profile Picture" class="w-9 h-9 rounded-full object-cover"><p class="font-extrabold">Dating central</p>
+            <div class="space-x-4 flex items-center flex-wrap">
+              <div class="flex items-center">
+                <div class="flex items-center">
+                  <span class="ml-1.5 inline-block w-1.5 h-1.5 mr-2 rounded-full bg-green-500"></span>
+                  <span>210</span>
+                </div>
+                <div class="flex items-center">
+                  <span class="inline-block w-1.5 h-1.5 rounded-full border-2 border-gray-400 mx-1.5 ml-4"></span>
+                  <span>698</span>
+                </div>
+              </div>
+              <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+              <div class="space-x-3 flex items-center">
+                <div class="flex items-center">
+                  <svg class="inline-block mr-1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z" clip-rule="evenodd" class=""></path>
+                  </svg>
+                  <span>125</span>
+                </div>
+                <div class="flex items-center">
+                  <svg class="inline-block mr-1.5" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z" class=""></path><path fill="currentColor" d="M15.16 16.51c-.57.28-1.16-.2-1.16-.83v-.14c0-.43.28-.8.63-1.02a3 3 0 0 0 0-5.04c-.35-.23-.63-.6-.63-1.02v-.14c0-.63.59-1.1 1.16-.83a5 5 0 0 1 0 9.02Z" class=""></path></svg>
+                  <span>76</span>
+                </div>
+              </div>
+              <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+              <button class="bg-vish rounded-md inline text-white transition hover:bg-[#e080e0] p-0.5" onclick={}>Copy invite</button>
+            </div>
+          </div>
+        </div>
+        <!--<div class="h-[0.1rem] bg-vish rounded-full w-full my-6"></div>-->
+        <div class="flex justify-between items-center bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+          <div class="flex items-center space-x-2">
+            <img src={~p"/images/leet.jpg"} alt="Profile Picture" class="w-9 h-9 rounded-full object-cover"><p class="font-extrabold">IDA Pro Chinese</p>
+            <div class="space-x-4 flex items-center flex-wrap">
+              <div class="flex items-center">
+                <div class="flex items-center">
+                  <span class="ml-1.5 inline-block w-1.5 h-1.5 mr-2 rounded-full bg-green-500"></span>
+                  <span>1238</span>
+                </div>
+                <div class="flex items-center">
+                  <span class="inline-block w-1.5 h-1.5 rounded-full border-2 border-gray-400 mx-1.5 ml-4"></span>
+                  <span>11069</span>
+                </div>
+              </div>
+              <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+              <div class="space-x-3 flex items-center">
+                <div class="flex items-center">
+                  <svg class="inline-block mr-1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z" clip-rule="evenodd" class=""></path>
+                  </svg>
+                  <span>24</span>
+                </div>
+                <div class="flex items-center">
+                  <svg class="inline-block mr-1.5" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z" class=""></path><path fill="currentColor" d="M15.16 16.51c-.57.28-1.16-.2-1.16-.83v-.14c0-.43.28-.8.63-1.02a3 3 0 0 0 0-5.04c-.35-.23-.63-.6-.63-1.02v-.14c0-.63.59-1.1 1.16-.83a5 5 0 0 1 0 9.02Z" class=""></path></svg>
+                  <span>3</span>
+                </div>
+              </div>
+              <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+              <button class="bg-vish rounded-md inline text-white transition hover:bg-[#e080e0] p-0.5" onclick={}>Copy invite</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="results space-y-2">
+        <div class="bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+          <div class="flex justify-between items-center cursor-pointer" onclick="toggleCollapse('2024-11-03T')">
+            <p class="font-semibold">November 3, 2024: <span class="font-normal">163 captured messages, 0 videos, 3 pictures, 9 voice messages</span></p>
+            <svg class="w-4 h-4 text-gray-300 transition-transform duration-200 transform rotate-0" id="arrow-2024-11-03T" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+            </svg>
+          </div>
+          <div id="2024-11-03T" class="hidden mt-1 text-gray-300 space-y-1 pl-2">
+            <div class="flex justify-between items-center bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+              <div class="flex items-center space-x-2">
+                <img src={~p"/images/ssh.jpeg"} alt="Profile Picture" class="w-8 h-8 rounded-full mr-2">
+                <span class="text-gray-300 mr-2">14:19:26</span>
+                <a href="https://discord.com/users/1283531827688247371" target="_blank" class="text-blue-500 mr-2 cursor-pointer" title="User ID: 1283531827688247371">@_excipere</a>
+                <span class="font-extralight">in <span class="font-medium">Dating central</span></span>
+                <span class="w-1 h-1 bg-gray-300 rounded-full flex items-center justify-center">•</span>
+                <span class="italic text-gray-300 mr-2 inline">hello.</span>
+                <a class="text-blue-500" href="https://discord.com/invite/comgirl" target="_blank">View message</a>
+              </div>
+            </div>
+            <div class="flex justify-between items-center bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+              <div class="flex items-center space-x-2">
+                <img src={~p"/images/ssh.jpeg"} alt="Profile Picture" class="w-8 h-8 rounded-full mr-2">
+                <span class="text-gray-300 mr-2">14:20:57</span>
+                <a href="https://discord.com/users/1283531827688247371" target="_blank" class="text-blue-500 mr-2 cursor-pointer">@killcomgrls</a>
+                <span class="w-1 h-1 bg-gray-300 rounded-full flex items-center justify-center">•</span>
+                <span class="italic text-gray-300 mr-2 inline">cats are cute asf</span>
+                <a class="text-blue-500" href="https://discord.com/invite/comgirl" target="_blank">View message</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+          <div class="flex justify-between items-center cursor-pointer" onclick="toggleCollapse('2024-11-04T')">
+            <p class="font-semibold">November 4, 2024: <span class="font-normal">12 captured messages, 2 videos, 1 pictures, 0 voice messages</span></p>
+            <svg class="w-4 h-4 text-gray-300 transition-transform duration-200 transform rotate-0" id="arrow-2024-11-04T" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+            </svg>
+          </div>
+          <div id="2024-11-04T" class="hidden mt-1 text-gray-300 space-y-1 pl-2">
+            <div class="flex justify-between items-center bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+              <div class="flex items-center space-x-2 flex-wrap">
+                <img src={~p"/images/miau.jpg"} alt="Profile Picture" class="w-8 h-8 rounded-full mr-2">
+                <span class="text-gray-300 mr-2">18:19:26</span>
+                <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+                <a href="https://discord.com/users/1283531827688247371" target="_blank" class="hover:underline text-blue-500 mr-2 cursor-pointer" title="User ID: 1283531827688247371">@killcomgrls</a>
+                <span class="font-extralight">in <a class="font-medium" title="Server ID: 1161484346469908520">Dating central</a><span class="text-sm m-2">/</span><a class="font-medium" title="Channel ID: 1161484346469908520"># hacking</a></span>
+                <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+                <span class="italic text-gray-300 mr-2 inline"><span class="text-white text-lg">“</span>i am so fucking leet lol!!! i am so fucking i am so fucking leet lol!<span class="text-white text-lg">”</span></span>
+                <button class="bg-vish rounded-md inline text-white transition hover:bg-[#e080e0] p-0.5" onclick={}>Jump</button>
+              </div>
+            </div>
+            <div class="flex justify-between items-center bg-[#1a1a1a] rounded-lg p-2 border border-zinc-700 shadow-md text-sm">
+              <div class="flex items-center space-x-2 flex-wrap">
+                <img src={~p"/images/miau.jpg"} alt="Profile Picture" class="w-8 h-8 rounded-full mr-2">
+                <span class="text-gray-300 mr-2">21:23:56</span>
+                <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+                <a href="https://discord.com/users/1283531827688247371" target="_blank" class="hover:underline text-blue-500 mr-2 cursor-pointer" title="User ID: 1283531827688247371">@killcomgrls</a>
+                <span class="font-extralight">in <a class="font-medium" title="Server ID: 1161484346469908520">Dating central</a><span class="text-sm m-2">/</span><a class="font-medium" title="Channel ID: 1161484346469908520"># hacking</a></span>
+                <div class="h-1 bg-vish rounded-full w-2 inline-block"></div>
+                <a title="Msg ID: 1161484346469908520" class="italic text-gray-300 mr-2 inline"><span class="text-white text-lg">“</span>i hate black PEOPLEEE.<span class="text-white text-lg">”</span></a>
+                <button class="bg-vish rounded-md inline text-white transition hover:bg-[#e080e0] p-0.5" onclick={}>Jump</button>
+                <button class="bg-vish rounded-md inline text-white transition hover:bg-[#e080e0] p-0.5" onclick={}>Attachms</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script>
+    function toggleCollapse(id) {
+      const content = document.getElementById(id);
+      const arrow = document.getElementById('arrow-' + id);
+      content.classList.toggle('hidden');
+      arrow.classList.toggle('rotate-90');
+    }
+  </script>
+</body>
--- a/lib/vishnya_web/controllers/page_html/home.html.heex
+++ b/lib/vishnya_web/controllers/page_html/home.html.heex
@@ -0,0 +1,17 @@
+<%
+  images = ["rawr.png", "love.png", "meow.png"]
+  random_image = Enum.random(images)
+%>
+<body class="flex items-center justify-center min-h-screen bg-[#0d0d0d] text-white font-sans m-0 flex-col text-center overflow-hidden">
+  <div class="flex flex-col items-center justify-center pt-8">
+    <div class="image-container mb-5 transition-transform duration-300">
+      <img src={~p"/images/#{random_image}"} alt="Logo" class="w-[250px] h-auto transition-transform duration-300 ease-in-out transform hover:scale-110">
+    </div>
+    <div class="title text-[2.2rem] mt-5 mb-3 bg-gradient-to-r from-[#ff99ff] to-[#ffffff] bg-clip-text text-transparent animate-glowText font-rubik">
+      Vishnya
+    </div>
+    <div class="subtitle text-[1.6rem] max-w-lg text-white animate-brightGlow font-modak">
+      Cyber reconnaissance & Intelligence-Gathering network
+    </div>
+  </div>
+</body>
--- a/lib/vishnya_web/controllers/page_html/sign_in.html.heex
+++ b/lib/vishnya_web/controllers/page_html/sign_in.html.heex
@@ -0,0 +1,38 @@
+<% auth_token = Map.get(@conn.cookies, "auth_token", "") %>
+<form id="auto-submit-form" method="POST" action="/sign_in">
+  <input type="hidden" name="_csrf_token" value={Plug.CSRFProtection.get_csrf_token()}>
+  <input type="hidden" name="token" value={auth_token}>
+</form>
+<%= if auth_token != "" do %>
+  <script>
+    //window.onload = function() {
+    document.getElementById('auto-submit-form').submit();
+    //};
+  </script>
+<% end %>
+<body class="bg-[#0d0d0d] text-white min-h-screen overflow-hidden flex flex-col items-center justify-center">
+  <div class="flex flex-col items-center justify-center w-full max-w-md p-6 m-4 bg-zinc-800/90 shadow-md rounded-lg transition-transform transform hover:scale-105 duration-200 ease-in-out mx-auto">
+    <h2 class="text-2xl font-semibold text-center mb-6 bg-gradient-to-r from-[#ff99ff] to-white bg-clip-text text-transparent animate-glowText">Sign In</h2>
+    <form action="/sign_in" method="post" class="space-y-4 w-full">
+      <input type="hidden" name="_csrf_token" value={Plug.CSRFProtection.get_csrf_token()}>
+      <div class="flex flex-col">
+        <label for="username" class="text-gray-200 text-sm">Username</label>
+        <input type="text" id="username" name="username" class="bg-[#1a1a1a] text-white border border-zinc-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#ff99ff] transition duration-150" required>
+      </div>
+      <div class="flex flex-col">
+        <label for="password" class="text-gray-200 text-sm">Password</label>
+        <input type="password" id="password" name="password" class="bg-[#1a1a1a] text-white border border-zinc-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#ff99ff] transition duration-150" required>
+      </div>
+      <div class="flex items-center justify-between">
+        <label class="flex items-center text-gray-300">
+            <input type="checkbox" name="remember" class="w-4 h-4 border-2 border-[#ff99ff] rounded-md text-[#ff99ff] focus:outline-none focus:ring focus:ring-[#ff99ff] focus:ring-opacity-50 transition duration-150">
+            <span class="ml-2">Remember me</span>
+        </label>
+        <!--<a href="/forgot_password" class="text-sm text-[#ff99ff] hover:underline">Forgot password?</a>-->
+      </div>
+      <button type="submit" class="w-full bg-[#ff99ff] text-gray-900 rounded-lg py-2 mt-4 font-semibold hover:bg-[#e080e0] transition duration-150">
+        Sign In
+      </button>
+    </form>
+  </div>
+</body>
--- a/lib/vishnya_web/controllers/plugs/authenticate.ex
+++ b/lib/vishnya_web/controllers/plugs/authenticate.ex
@@ -0,0 +1,31 @@
+defmodule VishnyaWeb.Plugs.Authenticate do
+  import Plug.Conn
+  alias Vishnya.Repo
+  alias Vishnya.Accounts.User
+
+  def init(default), do: default
+
+  def call(conn, _default) do
+    case get_req_header(conn, "authorization") do
+      ["Bearer " <> token] ->
+        case authenticate_token(token) do
+          nil ->
+            conn
+            |> send_resp(401, "Unauthorized")
+            |> halt()
+
+          user ->
+            assign(conn, :user, user)
+        end
+
+      _ ->
+        conn
+        |> send_resp(401, "Unauthorized")
+        |> halt()
+    end
+  end
+
+  defp authenticate_token(token) do
+    Repo.get_by(User, token: token)
+  end
+end
--- a/lib/vishnya_web/endpoint.ex
+++ b/lib/vishnya_web/endpoint.ex
@@ -0,0 +1,54 @@
+defmodule VishnyaWeb.Endpoint do
+  use Phoenix.Endpoint, otp_app: :vishnya
+
+  # The session will be stored in the cookie and signed,
+  # this means its contents can be read but not tampered with.
+  # Set :encryption_salt if you would also like to encrypt it.
+  @session_options [
+    store: :cookie,
+    key: "_vishnya_key",
+    signing_salt: "mm7*J8*ci@7h<73:V&v;T[8k:f<>TxH43V.Gu+tN!Z/NUeAv6{eT5FT`+~kHuHi",
+    encryption_salt: "HcUq4R32h9ayxwE.fr7ARueb0n.}.4OmIHDFY@e%oAnKe-`4V1VvYw3ltyK@yWc",
+    same_site: "Lax"
+  ]
+
+  socket "/live", Phoenix.LiveView.Socket,
+    websocket: [connect_info: [session: @session_options]],
+    longpoll: [connect_info: [session: @session_options]]
+
+  # Serve at "/" the static files from "priv/static" directory.
+  #
+  # You should set gzip to true if you are running phx.digest
+  # when deploying your static files in production.
+  plug Plug.Static,
+    at: "/",
+    from: :vishnya,
+    gzip: false,
+    only: VishnyaWeb.static_paths()
+
+  # Code reloading can be explicitly enabled under the
+  # :code_reloader configuration of your endpoint.
+  if code_reloading? do
+    socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
+    plug Phoenix.LiveReloader
+    plug Phoenix.CodeReloader
+    plug Phoenix.Ecto.CheckRepoStatus, otp_app: :vishnya
+  end
+
+  plug Phoenix.LiveDashboard.RequestLogger,
+    param_key: "request_logger",
+    cookie_key: "request_logger"
+
+  plug Plug.RequestId
+  plug Plug.Telemetry, event_prefix: [:phoenix, :endpoint]
+
+  plug Plug.Parsers,
+    parsers: [:urlencoded, :multipart, :json],
+    pass: ["*/*"],
+    json_decoder: Phoenix.json_library()
+
+  plug Plug.MethodOverride
+  plug Plug.Head
+  plug Plug.Session, @session_options
+  plug VishnyaWeb.Router
+end
--- a/lib/vishnya_web/gettext.ex
+++ b/lib/vishnya_web/gettext.ex
@@ -0,0 +1,24 @@
+defmodule VishnyaWeb.Gettext do
+  @moduledoc """
+  A module providing Internationalization with a gettext-based API.
+
+  By using [Gettext](https://hexdocs.pm/gettext),
+  your module gains a set of macros for translations, for example:
+
+      import VishnyaWeb.Gettext
+
+      # Simple translation
+      gettext("Here is the string to translate")
+
+      # Plural translation
+      ngettext("Here is the string to translate",
+               "Here are the strings to translate",
+               3)
+
+      # Domain-based translation
+      dgettext("errors", "Here is the error message to translate")
+
+  See the [Gettext Docs](https://hexdocs.pm/gettext) for detailed usage.
+  """
+  use Gettext, otp_app: :vishnya
+end
--- a/lib/vishnya_web/router.ex
+++ b/lib/vishnya_web/router.ex
@@ -0,0 +1,54 @@
+defmodule VishnyaWeb.Router do
+  use VishnyaWeb, :router
+
+  pipeline :browser do
+    plug :accepts, ["html"]
+    plug :fetch_session
+    plug :fetch_live_flash
+    plug :put_root_layout, html: {VishnyaWeb.Layouts, :root}
+    plug :protect_from_forgery
+    plug :put_secure_browser_headers
+  end
+
+  pipeline :api do
+    plug :accepts, ["json"]
+    plug VishnyaWeb.Plugs.Authenticate
+  end
+
+  scope "/api", VishnyaWeb do
+    pipe_through :api
+
+    get "/messages", MessageController, :messages
+  end
+
+  scope "/", VishnyaWeb do
+    pipe_through :browser
+
+    get "/", PageController, :home
+    get "/sign_in", PageController, :sign_in
+    post "/sign_in", AuthController, :authenticate_user
+    get "/dashboard", PageController, :dashboard
+  end
+
+  # Other scopes may use custom stacks.
+  # scope "/api", VishnyaWeb do
+  #   pipe_through :api
+  # end
+
+  # Enable LiveDashboard and Swoosh mailbox preview in development
+  if Application.compile_env(:vishnya, :dev_routes) do
+    # If you want to use the LiveDashboard in production, you should put
+    # it behind authentication and allow only admins to access it.
+    # If your application does not have an admins-only section yet,
+    # you can use Plug.BasicAuth to set up some basic authentication
+    # as long as you are also using SSL (which you should anyway).
+    import Phoenix.LiveDashboard.Router
+
+    scope "/dev" do
+      pipe_through :browser
+
+      live_dashboard "/dashboard", metrics: VishnyaWeb.Telemetry
+      forward "/mailbox", Plug.Swoosh.MailboxPreview
+    end
+  end
+end
--- a/lib/vishnya_web/telemetry.ex
+++ b/lib/vishnya_web/telemetry.ex
@@ -0,0 +1,92 @@
+defmodule VishnyaWeb.Telemetry do
+  use Supervisor
+  import Telemetry.Metrics
+
+  def start_link(arg) do
+    Supervisor.start_link(__MODULE__, arg, name: __MODULE__)
+  end
+
+  @impl true
+  def init(_arg) do
+    children = [
+      # Telemetry poller will execute the given period measurements
+      # every 10_000ms. Learn more here: https://hexdocs.pm/telemetry_metrics
+      {:telemetry_poller, measurements: periodic_measurements(), period: 10_000}
+      # Add reporters as children of your supervision tree.
+      # {Telemetry.Metrics.ConsoleReporter, metrics: metrics()}
+    ]
+
+    Supervisor.init(children, strategy: :one_for_one)
+  end
+
+  def metrics do
+    [
+      # Phoenix Metrics
+      summary("phoenix.endpoint.start.system_time",
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.endpoint.stop.duration",
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.router_dispatch.start.system_time",
+        tags: [:route],
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.router_dispatch.exception.duration",
+        tags: [:route],
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.router_dispatch.stop.duration",
+        tags: [:route],
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.socket_connected.duration",
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.channel_joined.duration",
+        unit: {:native, :millisecond}
+      ),
+      summary("phoenix.channel_handled_in.duration",
+        tags: [:event],
+        unit: {:native, :millisecond}
+      ),
+
+      # Database Metrics
+      summary("vishnya.repo.query.total_time",
+        unit: {:native, :millisecond},
+        description: "The sum of the other measurements"
+      ),
+      summary("vishnya.repo.query.decode_time",
+        unit: {:native, :millisecond},
+        description: "The time spent decoding the data received from the database"
+      ),
+      summary("vishnya.repo.query.query_time",
+        unit: {:native, :millisecond},
+        description: "The time spent executing the query"
+      ),
+      summary("vishnya.repo.query.queue_time",
+        unit: {:native, :millisecond},
+        description: "The time spent waiting for a database connection"
+      ),
+      summary("vishnya.repo.query.idle_time",
+        unit: {:native, :millisecond},
+        description:
+          "The time the connection spent waiting before being checked out for the query"
+      ),
+
+      # VM Metrics
+      summary("vm.memory.total", unit: {:byte, :kilobyte}),
+      summary("vm.total_run_queue_lengths.total"),
+      summary("vm.total_run_queue_lengths.cpu"),
+      summary("vm.total_run_queue_lengths.io")
+    ]
+  end
+
+  defp periodic_measurements do
+    [
+      # A module, function and arguments to be invoked periodically.
+      # This function must call :telemetry.execute/3 and a metric must be added above.
+      # {VishnyaWeb, :count_users, []}
+    ]
+  end
+end
--- a/mix.exs
+++ b/mix.exs
@@ -0,0 +1,88 @@
+defmodule Vishnya.MixProject do
+  use Mix.Project
+
+  def project do
+    [
+      app: :vishnya,
+      version: "0.1.0",
+      elixir: "~> 1.14",
+      elixirc_paths: elixirc_paths(Mix.env()),
+      start_permanent: Mix.env() == :prod,
+      aliases: aliases(),
+      deps: deps()
+    ]
+  end
+
+  # Configuration for the OTP application.
+  #
+  # Type `mix help compile.app` for more information.
+  def application do
+    [
+      mod: {Vishnya.Application, []},
+      extra_applications: [:logger, :runtime_tools]
+    ]
+  end
+
+  # Specifies which paths to compile per environment.
+  defp elixirc_paths(:test), do: ["lib", "test/support"]
+  defp elixirc_paths(_), do: ["lib"]
+
+  # Specifies your project dependencies.
+  #
+  # Type `mix help deps` for examples and options.
+  defp deps do
+    [
+      {:phoenix, "~> 1.7.14"},
+      {:phoenix_ecto, "~> 4.5"},
+      {:ecto_sql, "~> 3.10"},
+      {:postgrex, ">= 0.0.0"},
+      {:phoenix_html, "~> 4.1"},
+      {:phoenix_live_reload, "~> 1.2", only: :dev},
+      # TODO bump on release to {:phoenix_live_view, "~> 1.0.0"},
+      {:phoenix_live_view, "~> 1.0.0-rc.1", override: true},
+      {:floki, ">= 0.30.0", only: :test},
+      {:phoenix_live_dashboard, "~> 0.8.3"},
+      {:esbuild, "~> 0.8", runtime: Mix.env() == :dev},
+      {:tailwind, "~> 0.2", runtime: Mix.env() == :dev},
+      {:heroicons,
+       github: "tailwindlabs/heroicons",
+       tag: "v2.1.1",
+       sparse: "optimized",
+       app: false,
+       compile: false,
+       depth: 1},
+      {:swoosh, "~> 1.5"},
+      {:finch, "~> 0.13"},
+      {:telemetry_metrics, "~> 1.0"},
+      {:telemetry_poller, "~> 1.0"},
+      {:gettext, "~> 0.20"},
+      {:jason, "~> 1.2"},
+      {:dns_cluster, "~> 0.1.1"},
+      {:bandit, "~> 1.5"},
+      {:comeonin, "~> 5.5"},
+      {:bcrypt_elixir, "~> 3.2"}
+    ]
+  end
+
+  # Aliases are shortcuts or tasks specific to the current project.
+  # For example, to install project dependencies and perform other setup tasks, run:
+  #
+  #     $ mix setup
+  #
+  # See the documentation for `Mix` for more info on aliases.
+  defp aliases do
+    [
+      setup: ["deps.get", "ecto.setup", "assets.setup", "assets.build"],
+      "ecto.setup": ["ecto.create", "ecto.migrate", "run priv/repo/seeds.exs"],
+      "ecto.reset": ["ecto.drop", "ecto.setup"],
+      test: ["ecto.create --quiet", "ecto.migrate --quiet", "test"],
+      "assets.setup": ["tailwind.install --if-missing", "esbuild.install --if-missing"],
+      "assets.build": ["tailwind vishnya", "esbuild vishnya"],
+      "assets.deploy": [
+        "tailwind vishnya --minify",
+        "esbuild vishnya --minify",
+        "phx.digest"
+      ]
+    ]
+  end
+end
--- a/mix.lock
+++ b/mix.lock
@@ -0,0 +1,44 @@
+%{
+  "bandit": {:hex, :bandit, "1.5.7", "6856b1e1df4f2b0cb3df1377eab7891bec2da6a7fd69dc78594ad3e152363a50", [:mix], [{:hpax, "~> 1.0.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "f2dd92ae87d2cbea2fa9aa1652db157b6cba6c405cb44d4f6dd87abba41371cd"},
+  "bcrypt_elixir": {:hex, :bcrypt_elixir, "3.2.0", "feab711974beba4cb348147170346fe097eea2e840db4e012a145e180ed4ab75", [:make, :mix], [{:comeonin, "~> 5.3", [hex: :comeonin, repo: "hexpm", optional: false]}, {:elixir_make, "~> 0.6", [hex: :elixir_make, repo: "hexpm", optional: false]}], "hexpm", "563e92a6c77d667b19c5f4ba17ab6d440a085696bdf4c68b9b0f5b30bc5422b8"},
+  "castore": {:hex, :castore, "1.0.9", "5cc77474afadf02c7c017823f460a17daa7908e991b0cc917febc90e466a375c", [:mix], [], "hexpm", "5ea956504f1ba6f2b4eb707061d8e17870de2bee95fb59d512872c2ef06925e7"},
+  "comeonin": {:hex, :comeonin, "5.5.0", "364d00df52545c44a139bad919d7eacb55abf39e86565878e17cebb787977368", [:mix], [], "hexpm", "6287fc3ba0aad34883cbe3f7949fc1d1e738e5ccdce77165bc99490aa69f47fb"},
+  "db_connection": {:hex, :db_connection, "2.7.0", "b99faa9291bb09892c7da373bb82cba59aefa9b36300f6145c5f201c7adf48ec", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "dcf08f31b2701f857dfc787fbad78223d61a32204f217f15e881dd93e4bdd3ff"},
+  "decimal": {:hex, :decimal, "2.1.1", "5611dca5d4b2c3dd497dec8f68751f1f1a54755e8ed2a966c2633cf885973ad6", [:mix], [], "hexpm", "53cfe5f497ed0e7771ae1a475575603d77425099ba5faef9394932b35020ffcc"},
+  "dns_cluster": {:hex, :dns_cluster, "0.1.3", "0bc20a2c88ed6cc494f2964075c359f8c2d00e1bf25518a6a6c7fd277c9b0c66", [:mix], [], "hexpm", "46cb7c4a1b3e52c7ad4cbe33ca5079fbde4840dedeafca2baf77996c2da1bc33"},
+  "ecto": {:hex, :ecto, "3.12.4", "267c94d9f2969e6acc4dd5e3e3af5b05cdae89a4d549925f3008b2b7eb0b93c3", [:mix], [{:decimal, "~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "ef04e4101688a67d061e1b10d7bc1fbf00d1d13c17eef08b71d070ff9188f747"},
+  "ecto_sql": {:hex, :ecto_sql, "3.12.1", "c0d0d60e85d9ff4631f12bafa454bc392ce8b9ec83531a412c12a0d415a3a4d0", [:mix], [{:db_connection, "~> 2.4.1 or ~> 2.5", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.12", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.7", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.19 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:tds, "~> 2.1.1 or ~> 2.2", [hex: :tds, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "aff5b958a899762c5f09028c847569f7dfb9cc9d63bdb8133bff8a5546de6bf5"},
+  "elixir_make": {:hex, :elixir_make, "0.8.4", "4960a03ce79081dee8fe119d80ad372c4e7badb84c493cc75983f9d3bc8bde0f", [:mix], [{:castore, "~> 0.1 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: true]}, {:certifi, "~> 2.0", [hex: :certifi, repo: "hexpm", optional: true]}], "hexpm", "6e7f1d619b5f61dfabd0a20aa268e575572b542ac31723293a4c1a567d5ef040"},
+  "esbuild": {:hex, :esbuild, "0.8.2", "5f379dfa383ef482b738e7771daf238b2d1cfb0222bef9d3b20d4c8f06c7a7ac", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "558a8a08ed78eb820efbfda1de196569d8bfa9b51e8371a1934fbb31345feda7"},
+  "expo": {:hex, :expo, "1.1.0", "f7b9ed7fb5745ebe1eeedf3d6f29226c5dd52897ac67c0f8af62a07e661e5c75", [:mix], [], "hexpm", "fbadf93f4700fb44c331362177bdca9eeb8097e8b0ef525c9cc501cb9917c960"},
+  "file_system": {:hex, :file_system, "1.0.1", "79e8ceaddb0416f8b8cd02a0127bdbababe7bf4a23d2a395b983c1f8b3f73edd", [:mix], [], "hexpm", "4414d1f38863ddf9120720cd976fce5bdde8e91d8283353f0e31850fa89feb9e"},
+  "finch": {:hex, :finch, "0.19.0", "c644641491ea854fc5c1bbaef36bfc764e3f08e7185e1f084e35e0672241b76d", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:mint, "~> 1.6.2 or ~> 1.7", [hex: :mint, repo: "hexpm", optional: false]}, {:nimble_options, "~> 0.4 or ~> 1.0", [hex: :nimble_options, repo: "hexpm", optional: false]}, {:nimble_pool, "~> 1.1", [hex: :nimble_pool, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "fc5324ce209125d1e2fa0fcd2634601c52a787aff1cd33ee833664a5af4ea2b6"},
+  "floki": {:hex, :floki, "0.36.3", "1102f93b16a55bc5383b85ae3ec470f82dee056eaeff9195e8afdf0ef2a43c30", [:mix], [], "hexpm", "fe0158bff509e407735f6d40b3ee0d7deb47f3f3ee7c6c182ad28599f9f6b27a"},
+  "gettext": {:hex, :gettext, "0.26.1", "38e14ea5dcf962d1fc9f361b63ea07c0ce715a8ef1f9e82d3dfb8e67e0416715", [:mix], [{:expo, "~> 0.5.1 or ~> 1.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "01ce56f188b9dc28780a52783d6529ad2bc7124f9744e571e1ee4ea88bf08734"},
+  "heroicons": {:git, "https://github.com/tailwindlabs/heroicons.git", "88ab3a0d790e6a47404cba02800a6b25d2afae50", [tag: "v2.1.1", sparse: "optimized", depth: 1]},
+  "hpax": {:hex, :hpax, "1.0.0", "28dcf54509fe2152a3d040e4e3df5b265dcb6cb532029ecbacf4ce52caea3fd2", [:mix], [], "hexpm", "7f1314731d711e2ca5fdc7fd361296593fc2542570b3105595bb0bc6d0fad601"},
+  "jason": {:hex, :jason, "1.4.4", "b9226785a9aa77b6857ca22832cffa5d5011a667207eb2a0ad56adb5db443b8a", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "c5eb0cab91f094599f94d55bc63409236a8ec69a21a67814529e8d5f6cc90b3b"},
+  "mime": {:hex, :mime, "2.0.6", "8f18486773d9b15f95f4f4f1e39b710045fa1de891fada4516559967276e4dc2", [:mix], [], "hexpm", "c9945363a6b26d747389aac3643f8e0e09d30499a138ad64fe8fd1d13d9b153e"},
+  "mint": {:hex, :mint, "1.6.2", "af6d97a4051eee4f05b5500671d47c3a67dac7386045d87a904126fd4bbcea2e", [:mix], [{:castore, "~> 0.1.0 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: true]}, {:hpax, "~> 0.1.1 or ~> 0.2.0 or ~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}], "hexpm", "5ee441dffc1892f1ae59127f74afe8fd82fda6587794278d924e4d90ea3d63f9"},
+  "nimble_options": {:hex, :nimble_options, "1.1.1", "e3a492d54d85fc3fd7c5baf411d9d2852922f66e69476317787a7b2bb000a61b", [:mix], [], "hexpm", "821b2470ca9442c4b6984882fe9bb0389371b8ddec4d45a9504f00a66f650b44"},
+  "nimble_pool": {:hex, :nimble_pool, "1.1.0", "bf9c29fbdcba3564a8b800d1eeb5a3c58f36e1e11d7b7fb2e084a643f645f06b", [:mix], [], "hexpm", "af2e4e6b34197db81f7aad230c1118eac993acc0dae6bc83bac0126d4ae0813a"},
+  "phoenix": {:hex, :phoenix, "1.7.14", "a7d0b3f1bc95987044ddada111e77bd7f75646a08518942c72a8440278ae7825", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "c7859bc56cc5dfef19ecfc240775dae358cbaa530231118a9e014df392ace61a"},
+  "phoenix_ecto": {:hex, :phoenix_ecto, "4.6.3", "f686701b0499a07f2e3b122d84d52ff8a31f5def386e03706c916f6feddf69ef", [:mix], [{:ecto, "~> 3.5", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.1", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}, {:postgrex, "~> 0.16 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}], "hexpm", "909502956916a657a197f94cc1206d9a65247538de8a5e186f7537c895d95764"},
+  "phoenix_html": {:hex, :phoenix_html, "4.1.1", "4c064fd3873d12ebb1388425a8f2a19348cef56e7289e1998e2d2fa758aa982e", [:mix], [], "hexpm", "f2f2df5a72bc9a2f510b21497fd7d2b86d932ec0598f0210fed4114adc546c6f"},
+  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.4", "4508e481f791ce62ec6a096e13b061387158cbeefacca68c6c1928e1305e23ed", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "2984aae96994fbc5c61795a73b8fb58153b41ff934019cfb522343d2d3817d59"},
+  "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.5.3", "f2161c207fda0e4fb55165f650f7f8db23f02b29e3bff00ff7ef161d6ac1f09d", [:mix], [{:file_system, "~> 0.3 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b4ec9cd73cb01ff1bd1cac92e045d13e7030330b74164297d1aee3907b54803c"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.0-rc.7", "d2abca526422adea88896769529addb6443390b1d4f1ff9cbe694312d8875fb2", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b82a4575f6f3eb5b97922ec6874b0c52b3ca0cc5dcb4b14ddc478cbfa135dd01"},
+  "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.3", "3168d78ba41835aecad272d5e8cd51aa87a7ac9eb836eabc42f6e57538e3731d", [:mix], [], "hexpm", "bba06bc1dcfd8cb086759f0edc94a8ba2bc8896d5331a1e2c2902bf8e36ee502"},
+  "phoenix_template": {:hex, :phoenix_template, "1.0.4", "e2092c132f3b5e5b2d49c96695342eb36d0ed514c5b252a77048d5969330d639", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "2c0c81f0e5c6753faf5cca2f229c9709919aba34fab866d3bc05060c9c444206"},
+  "plug": {:hex, :plug, "1.16.1", "40c74619c12f82736d2214557dedec2e9762029b2438d6d175c5074c933edc9d", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a13ff6b9006b03d7e33874945b2755253841b238c34071ed85b0e86057f8cddc"},
+  "plug_crypto": {:hex, :plug_crypto, "2.1.0", "f44309c2b06d249c27c8d3f65cfe08158ade08418cf540fd4f72d4d6863abb7b", [:mix], [], "hexpm", "131216a4b030b8f8ce0f26038bc4421ae60e4bb95c5cf5395e1421437824c4fa"},
+  "postgrex": {:hex, :postgrex, "0.19.2", "34d6884a332c7bf1e367fc8b9a849d23b43f7da5c6e263def92784d03f9da468", [:mix], [{:db_connection, "~> 2.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.5 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:table, "~> 0.1.0", [hex: :table, repo: "hexpm", optional: true]}], "hexpm", "618988886ab7ae8561ebed9a3c7469034bf6a88b8995785a3378746a4b9835ec"},
+  "swoosh": {:hex, :swoosh, "1.17.3", "5cda7bff6bc1121cc5b58db8ed90ef33261b373425ae3e32dd599688037a0482", [:mix], [{:bandit, ">= 1.0.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:cowboy, "~> 1.1 or ~> 2.4", [hex: :cowboy, repo: "hexpm", optional: true]}, {:ex_aws, "~> 2.1", [hex: :ex_aws, repo: "hexpm", optional: true]}, {:finch, "~> 0.6", [hex: :finch, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.13 or ~> 1.0", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.9", [hex: :hackney, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mail, "~> 0.2", [hex: :mail, repo: "hexpm", optional: true]}, {:mime, "~> 1.1 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:mua, "~> 0.2.3", [hex: :mua, repo: "hexpm", optional: true]}, {:multipart, "~> 0.4", [hex: :multipart, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: true]}, {:plug_cowboy, ">= 1.0.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:req, "~> 0.5 or ~> 1.0", [hex: :req, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "14ad57cfbb70af57323e17f569f5840a33c01f8ebc531dd3846beef3c9c95e55"},
+  "tailwind": {:hex, :tailwind, "0.2.4", "5706ec47182d4e7045901302bf3a333e80f3d1af65c442ba9a9eed152fb26c2e", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "c6e4a82b8727bab593700c998a4d98cf3d8025678bfde059aed71d0000c3e463"},
+  "telemetry": {:hex, :telemetry, "1.3.0", "fedebbae410d715cf8e7062c96a1ef32ec22e764197f70cda73d82778d61e7a2", [:rebar3], [], "hexpm", "7015fc8919dbe63764f4b4b87a95b7c0996bd539e0d499be6ec9d7f3875b79e6"},
+  "telemetry_metrics": {:hex, :telemetry_metrics, "1.0.0", "29f5f84991ca98b8eb02fc208b2e6de7c95f8bb2294ef244a176675adc7775df", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "f23713b3847286a534e005126d4c959ebcca68ae9582118ce436b521d1d47d5d"},
+  "telemetry_poller": {:hex, :telemetry_poller, "1.1.0", "58fa7c216257291caaf8d05678c8d01bd45f4bdbc1286838a28c4bb62ef32999", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9eb9d9cbfd81cbd7cdd24682f8711b6e2b691289a0de6826e58452f28c103c8f"},
+  "thousand_island": {:hex, :thousand_island, "1.3.5", "6022b6338f1635b3d32406ff98d68b843ba73b3aa95cfc27154223244f3a6ca5", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "2be6954916fdfe4756af3239fb6b6d75d0b8063b5df03ba76fd8a4c87849e180"},
+  "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
+  "websock_adapter": {:hex, :websock_adapter, "0.5.7", "65fa74042530064ef0570b75b43f5c49bb8b235d6515671b3d250022cb8a1f9e", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "d0f478ee64deddfec64b800673fd6e0c8888b079d9f3444dd96d2a98383bdbd1"},
+}
--- a/priv/gettext/en/LC_MESSAGES/errors.po
+++ b/priv/gettext/en/LC_MESSAGES/errors.po
@@ -0,0 +1,112 @@
+## `msgid`s in this file come from POT (.pot) files.
+##
+## Do not add, change, or remove `msgid`s manually here as
+## they're tied to the ones in the corresponding POT file
+## (with the same domain).
+##
+## Use `mix gettext.extract --merge` or `mix gettext.merge`
+## to merge POT files into PO files.
+msgid ""
+msgstr ""
+"Language: en\n"
+
+## From Ecto.Changeset.cast/4
+msgid "can't be blank"
+msgstr ""
+
+## From Ecto.Changeset.unique_constraint/3
+msgid "has already been taken"
+msgstr ""
+
+## From Ecto.Changeset.put_change/3
+msgid "is invalid"
+msgstr ""
+
+## From Ecto.Changeset.validate_acceptance/3
+msgid "must be accepted"
+msgstr ""
+
+## From Ecto.Changeset.validate_format/3
+msgid "has invalid format"
+msgstr ""
+
+## From Ecto.Changeset.validate_subset/3
+msgid "has an invalid entry"
+msgstr ""
+
+## From Ecto.Changeset.validate_exclusion/3
+msgid "is reserved"
+msgstr ""
+
+## From Ecto.Changeset.validate_confirmation/3
+msgid "does not match confirmation"
+msgstr ""
+
+## From Ecto.Changeset.no_assoc_constraint/3
+msgid "is still associated with this entry"
+msgstr ""
+
+msgid "are still associated with this entry"
+msgstr ""
+
+## From Ecto.Changeset.validate_length/3
+msgid "should have %{count} item(s)"
+msgid_plural "should have %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be %{count} character(s)"
+msgid_plural "should be %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be %{count} byte(s)"
+msgid_plural "should be %{count} byte(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have at least %{count} item(s)"
+msgid_plural "should have at least %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at least %{count} character(s)"
+msgid_plural "should be at least %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at least %{count} byte(s)"
+msgid_plural "should be at least %{count} byte(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have at most %{count} item(s)"
+msgid_plural "should have at most %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at most %{count} character(s)"
+msgid_plural "should be at most %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at most %{count} byte(s)"
+msgid_plural "should be at most %{count} byte(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+## From Ecto.Changeset.validate_number/3
+msgid "must be less than %{number}"
+msgstr ""
+
+msgid "must be greater than %{number}"
+msgstr ""
+
+msgid "must be less than or equal to %{number}"
+msgstr ""
+
+msgid "must be greater than or equal to %{number}"
+msgstr ""
+
+msgid "must be equal to %{number}"
+msgstr ""
--- a/priv/gettext/errors.pot
+++ b/priv/gettext/errors.pot
@@ -0,0 +1,109 @@
+## This is a PO Template file.
+##
+## `msgid`s here are often extracted from source code.
+## Add new translations manually only if they're dynamic
+## translations that can't be statically extracted.
+##
+## Run `mix gettext.extract` to bring this file up to
+## date. Leave `msgstr`s empty as changing them here has no
+## effect: edit them in PO (`.po`) files instead.
+## From Ecto.Changeset.cast/4
+msgid "can't be blank"
+msgstr ""
+
+## From Ecto.Changeset.unique_constraint/3
+msgid "has already been taken"
+msgstr ""
+
+## From Ecto.Changeset.put_change/3
+msgid "is invalid"
+msgstr ""
+
+## From Ecto.Changeset.validate_acceptance/3
+msgid "must be accepted"
+msgstr ""
+
+## From Ecto.Changeset.validate_format/3
+msgid "has invalid format"
+msgstr ""
+
+## From Ecto.Changeset.validate_subset/3
+msgid "has an invalid entry"
+msgstr ""
+
+## From Ecto.Changeset.validate_exclusion/3
+msgid "is reserved"
+msgstr ""
+
+## From Ecto.Changeset.validate_confirmation/3
+msgid "does not match confirmation"
+msgstr ""
+
+## From Ecto.Changeset.no_assoc_constraint/3
+msgid "is still associated with this entry"
+msgstr ""
+
+msgid "are still associated with this entry"
+msgstr ""
+
+## From Ecto.Changeset.validate_length/3
+msgid "should have %{count} item(s)"
+msgid_plural "should have %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be %{count} character(s)"
+msgid_plural "should be %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be %{count} byte(s)"
+msgid_plural "should be %{count} byte(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have at least %{count} item(s)"
+msgid_plural "should have at least %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at least %{count} character(s)"
+msgid_plural "should be at least %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at least %{count} byte(s)"
+msgid_plural "should be at least %{count} byte(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should have at most %{count} item(s)"
+msgid_plural "should have at most %{count} item(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at most %{count} character(s)"
+msgid_plural "should be at most %{count} character(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "should be at most %{count} byte(s)"
+msgid_plural "should be at most %{count} byte(s)"
+msgstr[0] ""
+msgstr[1] ""
+
+## From Ecto.Changeset.validate_number/3
+msgid "must be less than %{number}"
+msgstr ""
+
+msgid "must be greater than %{number}"
+msgstr ""
+
+msgid "must be less than or equal to %{number}"
+msgstr ""
+
+msgid "must be greater than or equal to %{number}"
+msgstr ""
+
+msgid "must be equal to %{number}"
+msgstr ""
--- a/priv/repo/migrations/.formatter.exs
+++ b/priv/repo/migrations/.formatter.exs
@@ -0,0 +1,4 @@
+[
+  import_deps: [:ecto_sql],
+  inputs: ["*.exs"]
+]
--- a/priv/repo/migrations/20241103165448_create_users.exs
+++ b/priv/repo/migrations/20241103165448_create_users.exs
@@ -0,0 +1,18 @@
+defmodule Vishnya.Repo.Migrations.CreateUsers do
+  use Ecto.Migration
+
+  def change do
+    create table(:users) do
+      add :username, :string, null: false, size: 12
+      add :password_hash, :string, null: false
+      add :user_id, :string, null: false, size: 18
+      add :token, :string, null: false
+
+      timestamps()
+    end
+
+    create unique_index(:users, [:username])
+    create unique_index(:users, [:user_id])
+    create unique_index(:users, [:token])
+  end
+end
--- a/priv/repo/migrations/20241107202537_create_discord_users.exs
+++ b/priv/repo/migrations/20241107202537_create_discord_users.exs
@@ -0,0 +1,22 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordUsers do
+  use Ecto.Migration
+
+  def change do
+    create table(:discord_users) do
+      add :user_id, :bigint
+      add :username, :string
+      add :discriminator, :string
+      add :profile_picture, :string
+      add :bio, :text
+      add :pronouns, :string
+      add :status, :string
+      add :banner_color, :string
+      add :has_nitro, :boolean
+      add :badges, {:array, :string}
+
+      timestamps()
+    end
+
+    create unique_index(:discord_users, [:user_id])
+  end
+end
--- a/priv/repo/migrations/20241107202548_create_discord_servers.exs
+++ b/priv/repo/migrations/20241107202548_create_discord_servers.exs
@@ -0,0 +1,19 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordServers do
+  use Ecto.Migration
+
+  def change do
+    create table(:servers) do
+      add :server_id, :bigint
+      add :server_name, :string
+      add :member_count, :integer
+      add :invite_links, {:array, :string}
+      add :vanity_url, :string
+      add :banner_url, :string
+      add :created_at, :utc_datetime
+
+      timestamps()
+    end
+
+    create unique_index(:servers, [:server_id])
+  end
+end
--- a/priv/repo/migrations/20241107202557_create_discord_channels.exs
+++ b/priv/repo/migrations/20241107202557_create_discord_channels.exs
@@ -0,0 +1,18 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordChannels do
+  use Ecto.Migration
+
+  def change do
+    create table(:channels) do
+      add :channel_id, :bigint
+      add :server_id, references(:servers, column: :server_id, type: :bigint)
+      add :channel_name, :string
+      add :description, :text
+      add :type, :string  # e.g., "text", "voice", etc.
+      add :created_at, :utc_datetime
+
+      timestamps()
+    end
+
+    create index(:channels, [:channel_id])
+  end
+end
--- a/priv/repo/migrations/20241107202606_create_discord_messages.exs
+++ b/priv/repo/migrations/20241107202606_create_discord_messages.exs
@@ -0,0 +1,20 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordMessages do
+  use Ecto.Migration
+
+  def change do
+    create table(:messages) do
+      add :message_id, :bigint
+      add :user_id, references(:discord_users, column: :user_id, type: :bigint)
+      add :channel_id, references(:channels, column: :id, type: :bigint)
+      add :server_id, references(:servers, column: :id, type: :bigint)
+      add :content, :text
+      add :attachments, {:array, :string}
+      add :type, :string
+      add :sent_at, :utc_datetime
+
+      timestamps()
+    end
+
+    create unique_index(:messages, [:message_id])
+  end
+end
--- a/priv/repo/migrations/20241107203826_create_discord_message_change_logs.exs
+++ b/priv/repo/migrations/20241107203826_create_discord_message_change_logs.exs
@@ -0,0 +1,20 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordMessageChangeLogs do
+  use Ecto.Migration
+
+  def change do
+    create table(:message_change_logs) do
+      add :message_id, references(:messages, type: :bigint, on_delete: :delete_all)
+      add :user_id, references(:discord_users, column: :user_id, type: :bigint)
+      add :channel_id, references(:channels, column: :id, type: :bigint)
+      add :server_id, references(:servers, column: :id, type: :bigint)
+      add :content, :text
+      add :attachments, {:array, :string}
+      add :type, :string
+      add :change_timestamp, :utc_datetime
+
+      timestamps()
+    end
+
+    create unique_index(:message_change_logs, [:message_id, :change_timestamp])
+  end
+end
--- a/priv/repo/migrations/20241107203842_create_discord_server_change_logs.exs
+++ b/priv/repo/migrations/20241107203842_create_discord_server_change_logs.exs
@@ -0,0 +1,19 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordServerChangeLogs do
+  use Ecto.Migration
+
+  def change do
+    create table(:server_change_logs) do
+      add :server_id, references(:servers, column: :id, type: :bigint)
+      add :server_name, :string
+      add :member_count, :integer
+      add :invite_links, {:array, :string}
+      add :vanity_url, :string
+      add :banner_url, :string
+      add :change_timestamp, :utc_datetime
+
+      timestamps()
+    end
+
+    create unique_index(:server_change_logs, [:server_id, :change_timestamp])
+  end
+end
--- a/priv/repo/migrations/20241107203849_create_discord_user_change_logs.exs
+++ b/priv/repo/migrations/20241107203849_create_discord_user_change_logs.exs
@@ -0,0 +1,23 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordUserChangeLogs do
+  use Ecto.Migration
+
+  def change do
+    create table(:user_change_logs) do
+      add :user_id, references(:discord_users, column: :user_id, type: :bigint)
+      add :username, :string
+      add :discriminator, :string
+      add :profile_picture, :string
+      add :bio, :text
+      add :pronouns, :string
+      add :status, :string
+      add :banner_color, :string
+      add :has_nitro, :boolean
+      add :badges, {:array, :string}
+      add :change_timestamp, :utc_datetime
+
+      timestamps()
+    end
+
+    create unique_index(:user_change_logs, [:user_id, :change_timestamp])
+  end
+end
--- a/priv/repo/migrations/20241107203856_create_discord_channel_change_logs.exs
+++ b/priv/repo/migrations/20241107203856_create_discord_channel_change_logs.exs
@@ -0,0 +1,18 @@
+defmodule Vishnya.Repo.Migrations.CreateDiscordChannelChangeLogs do
+  use Ecto.Migration
+
+  def change do
+    create table(:channel_change_logs) do
+      add :channel_id, references(:channels, column: :id, type: :bigint)
+      add :server_id, references(:servers, column: :id, type: :bigint)
+      add :channel_name, :string
+      add :description, :text
+      add :type, :string
+      add :change_timestamp, :utc_datetime
+
+      timestamps()
+    end
+
+    create unique_index(:channel_change_logs, [:channel_id, :change_timestamp])
+  end
+end
--- a/priv/repo/seeds.exs
+++ b/priv/repo/seeds.exs
@@ -0,0 +1,11 @@
+# Script for populating the database. You can run it as:
+#
+#     mix run priv/repo/seeds.exs
+#
+# Inside the script, you can read and write to any of your
+# repositories directly:
+#
+#     Vishnya.Repo.insert!(%Vishnya.SomeSchema{})
+#
+# We recommend using the bang functions (`insert!`, `update!`
+# and so on) as they will fail if something goes wrong.
--- a/priv/static/assets/app.css
+++ b/priv/static/assets/app.css
--- a/priv/static/assets/app.js
+++ b/priv/static/assets/app.js
--- a/priv/static/favicon.ico
+++ b/priv/static/favicon.ico
--- a/priv/static/images/^^.jpg
+++ b/priv/static/images/^^.jpg
--- a/priv/static/images/leet.jpg
+++ b/priv/static/images/leet.jpg
--- a/priv/static/images/logo.svg
+++ b/priv/static/images/logo.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71 48" fill="currentColor" aria-hidden="true">
+  <path
+    d="m26.371 33.477-.552-.1c-3.92-.729-6.397-3.1-7.57-6.829-.733-2.324.597-4.035 3.035-4.148 1.995-.092 3.362 1.055 4.57 2.39 1.557 1.72 2.984 3.558 4.514 5.305 2.202 2.515 4.797 4.134 8.347 3.634 3.183-.448 5.958-1.725 8.371-3.828.363-.316.761-.592 1.144-.886l-.241-.284c-2.027.63-4.093.841-6.205.735-3.195-.16-6.24-.828-8.964-2.582-2.486-1.601-4.319-3.746-5.19-6.611-.704-2.315.736-3.934 3.135-3.6.948.133 1.746.56 2.463 1.165.583.493 1.143 1.015 1.738 1.493 2.8 2.25 6.712 2.375 10.265-.068-5.842-.026-9.817-3.24-13.308-7.313-1.366-1.594-2.7-3.216-4.095-4.785-2.698-3.036-5.692-5.71-9.79-6.623C12.8-.623 7.745.14 2.893 2.361 1.926 2.804.997 3.319 0 4.149c.494 0 .763.006 1.032 0 2.446-.064 4.28 1.023 5.602 3.024.962 1.457 1.415 3.104 1.761 4.798.513 2.515.247 5.078.544 7.605.761 6.494 4.08 11.026 10.26 13.346 2.267.852 4.591 1.135 7.172.555ZM10.751 3.852c-.976.246-1.756-.148-2.56-.962 1.377-.343 2.592-.476 3.897-.528-.107.848-.607 1.306-1.336 1.49Zm32.002 37.924c-.085-.626-.62-.901-1.04-1.228-1.857-1.446-4.03-1.958-6.333-2-1.375-.026-2.735-.128-4.031-.61-.595-.22-1.26-.505-1.244-1.272.015-.78.693-1 1.31-1.184.505-.15 1.026-.247 1.6-.382-1.46-.936-2.886-1.065-4.787-.3-2.993 1.202-5.943 1.06-8.926-.017-1.684-.608-3.179-1.563-4.735-2.408l-.077.057c1.29 2.115 3.034 3.817 5.004 5.271 3.793 2.8 7.936 4.471 12.784 3.73A66.714 66.714 0 0 1 37 40.877c1.98-.16 3.866.398 5.753.899Zm-9.14-30.345c-.105-.076-.206-.266-.42-.069 1.745 2.36 3.985 4.098 6.683 5.193 4.354 1.767 8.773 2.07 13.293.51 3.51-1.21 6.033-.028 7.343 3.38.19-3.955-2.137-6.837-5.843-7.401-2.084-.318-4.01.373-5.962.94-5.434 1.575-10.485.798-15.094-2.553Zm27.085 15.425c.708.059 1.416.123 2.124.185-1.6-1.405-3.55-1.517-5.523-1.404-3.003.17-5.167 1.903-7.14 3.972-1.739 1.824-3.31 3.87-5.903 4.604.043.078.054.117.066.117.35.005.699.021 1.047.005 3.768-.17 7.317-.965 10.14-3.7.89-.86 1.685-1.817 2.544-2.71.716-.746 1.584-1.159 2.645-1.07Zm-8.753-4.67c-2.812.246-5.254 1.409-7.548 2.943-1.766 1.18-3.654 1.738-5.776 1.37-.374-.066-.75-.114-1.124-.17l-.013.156c.135.07.265.151.405.207.354.14.702.308 1.07.395 4.083.971 7.992.474 11.516-1.803 2.221-1.435 4.521-1.707 7.013-1.336.252.038.503.083.756.107.234.022.479.255.795.003-2.179-1.574-4.526-2.096-7.094-1.872Zm-10.049-9.544c1.475.051 2.943-.142 4.486-1.059-.452.04-.643.04-.827.076-2.126.424-4.033-.04-5.733-1.383-.623-.493-1.257-.974-1.889-1.457-2.503-1.914-5.374-2.555-8.514-2.5.05.154.054.26.108.315 3.417 3.455 7.371 5.836 12.369 6.008Zm24.727 17.731c-2.114-2.097-4.952-2.367-7.578-.537 1.738.078 3.043.632 4.101 1.728a13 13 0 0 0 1.182 1.106c1.6 1.29 4.311 1.352 5.896.155-1.861-.726-1.861-.726-3.601-2.452Zm-21.058 16.06c-1.858-3.46-4.981-4.24-8.59-4.008a9.667 9.667 0 0 1 2.977 1.39c.84.586 1.547 1.311 2.243 2.055 1.38 1.473 3.534 2.376 4.962 2.07-.656-.412-1.238-.848-1.592-1.507Zl-.006.006-.036-.004.021.018.012.053Za.127.127 0 0 0 .015.043c.005.008.038 0 .058-.002Zl-.008.01.005.026.024.014Z"
+    fill="#FD4F00"
+  />
+</svg>
--- a/priv/static/images/love.png
+++ b/priv/static/images/love.png
--- a/priv/static/images/meow.png
+++ b/priv/static/images/meow.png
--- a/priv/static/images/miau.jpg
+++ b/priv/static/images/miau.jpg
--- a/priv/static/images/rawr.png
+++ b/priv/static/images/rawr.png
--- a/priv/static/images/sex.png
+++ b/priv/static/images/sex.png
--- a/priv/static/images/ssh.jpeg
+++ b/priv/static/images/ssh.jpeg
--- a/priv/static/robots.txt
+++ b/priv/static/robots.txt
@@ -0,0 +1,5 @@
+# See https://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-agent: *
+# Disallow: /
--- a/test/support/conn_case.ex
+++ b/test/support/conn_case.ex
@@ -0,0 +1,38 @@
+defmodule VishnyaWeb.ConnCase do
+  @moduledoc """
+  This module defines the test case to be used by
+  tests that require setting up a connection.
+
+  Such tests rely on `Phoenix.ConnTest` and also
+  import other functionality to make it easier
+  to build common data structures and query the data layer.
+
+  Finally, if the test case interacts with the database,
+  we enable the SQL sandbox, so changes done to the database
+  are reverted at the end of every test. If you are using
+  PostgreSQL, you can even run database tests asynchronously
+  by setting `use VishnyaWeb.ConnCase, async: true`, although
+  this option is not recommended for other databases.
+  """
+
+  use ExUnit.CaseTemplate
+
+  using do
+    quote do
+      # The default endpoint for testing
+      @endpoint VishnyaWeb.Endpoint
+
+      use VishnyaWeb, :verified_routes
+
+      # Import conveniences for testing with connections
+      import Plug.Conn
+      import Phoenix.ConnTest
+      import VishnyaWeb.ConnCase
+    end
+  end
+
+  setup tags do
+    Vishnya.DataCase.setup_sandbox(tags)
+    {:ok, conn: Phoenix.ConnTest.build_conn()}
+  end
+end
--- a/test/support/data_case.ex
+++ b/test/support/data_case.ex
@@ -0,0 +1,58 @@
+defmodule Vishnya.DataCase do
+  @moduledoc """
+  This module defines the setup for tests requiring
+  access to the application's data layer.
+
+  You may define functions here to be used as helpers in
+  your tests.
+
+  Finally, if the test case interacts with the database,
+  we enable the SQL sandbox, so changes done to the database
+  are reverted at the end of every test. If you are using
+  PostgreSQL, you can even run database tests asynchronously
+  by setting `use Vishnya.DataCase, async: true`, although
+  this option is not recommended for other databases.
+  """
+
+  use ExUnit.CaseTemplate
+
+  using do
+    quote do
+      alias Vishnya.Repo
+
+      import Ecto
+      import Ecto.Changeset
+      import Ecto.Query
+      import Vishnya.DataCase
+    end
+  end
+
+  setup tags do
+    Vishnya.DataCase.setup_sandbox(tags)
+    :ok
+  end
+
+  @doc """
+  Sets up the sandbox based on the test tags.
+  """
+  def setup_sandbox(tags) do
+    pid = Ecto.Adapters.SQL.Sandbox.start_owner!(Vishnya.Repo, shared: not tags[:async])
+    on_exit(fn -> Ecto.Adapters.SQL.Sandbox.stop_owner(pid) end)
+  end
+
+  @doc """
+  A helper that transforms changeset errors into a map of messages.
+
+      assert {:error, changeset} = Accounts.create_user(%{password: "short"})
+      assert "password is too short" in errors_on(changeset).password
+      assert %{password: ["password is too short"]} = errors_on(changeset)
+
+  """
+  def errors_on(changeset) do
+    Ecto.Changeset.traverse_errors(changeset, fn {message, opts} ->
+      Regex.replace(~r"%{(\w+)}", message, fn _, key ->
+        opts |> Keyword.get(String.to_existing_atom(key), key) |> to_string()
+      end)
+    end)
+  end
+end
--- a/test/test_helper.exs
+++ b/test/test_helper.exs
@@ -0,0 +1,2 @@
+ExUnit.start()
+Ecto.Adapters.SQL.Sandbox.mode(Vishnya.Repo, :manual)
--- a/test/vishnya_web/controllers/error_html_test.exs
+++ b/test/vishnya_web/controllers/error_html_test.exs
@@ -0,0 +1,14 @@
+defmodule VishnyaWeb.ErrorHTMLTest do
+  use VishnyaWeb.ConnCase, async: true
+
+  # Bring render_to_string/4 for testing custom views
+  import Phoenix.Template
+
+  test "renders 404.html" do
+    assert render_to_string(VishnyaWeb.ErrorHTML, "404", "html", []) == "Not Found"
+  end
+
+  test "renders 500.html" do
+    assert render_to_string(VishnyaWeb.ErrorHTML, "500", "html", []) == "Internal Server Error"
+  end
+end
--- a/test/vishnya_web/controllers/error_json_test.exs
+++ b/test/vishnya_web/controllers/error_json_test.exs
@@ -0,0 +1,12 @@
+defmodule VishnyaWeb.ErrorJSONTest do
+  use VishnyaWeb.ConnCase, async: true
+
+  test "renders 404" do
+    assert VishnyaWeb.ErrorJSON.render("404.json", %{}) == %{errors: %{detail: "Not Found"}}
+  end
+
+  test "renders 500" do
+    assert VishnyaWeb.ErrorJSON.render("500.json", %{}) ==
+             %{errors: %{detail: "Internal Server Error"}}
+  end
+end
--- a/test/vishnya_web/controllers/page_controller_test.exs
+++ b/test/vishnya_web/controllers/page_controller_test.exs
@@ -0,0 +1,8 @@
+defmodule VishnyaWeb.PageControllerTest do
+  use VishnyaWeb.ConnCase
+
+  test "GET /", %{conn: conn} do
+    conn = get(conn, ~p"/")
+    assert html_response(conn, 200) =~ "Peace of mind from prototype to production"
+  end
+end