diff --git a/.formatter.exs b/.formatter.exs
index d7ce1ef..2da3269 100644
--- a/.formatter.exs
+++ b/.formatter.exs
@@ -1,5 +1,5 @@
 [
-  import_deps: [:ecto, :phoenix],
+  import_deps: [:phoenix],
   plugins: [Phoenix.LiveView.HTMLFormatter],
   inputs: [
     "*.{heex,ex,exs}",
diff --git a/config/dev.exs b/config/dev.exs
index d356ff3..36267ad 100644
--- a/config/dev.exs
+++ b/config/dev.exs
@@ -13,9 +13,11 @@ config :app, AppWeb.Endpoint,
   check_origin: false,
   code_reloader: true,
   debug_errors: true,
-  secret_key_base: "bv1heeBXJGvlEsc6SI66xUox+004UlT+aRAH+UlGgMxGuGMXCbEK32pVx0QNlJxN",
+  secret_key_base:
+    "bv1heeBXJGvlEsc6SI66xUox+004UlT+aRAH+UlGgMxGuGMXCbEK32pVx0QNlJxN",
   watchers: [
-    esbuild: {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]},
+    esbuild:
+      {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]},
     tailwind: {Tailwind, :install_and_run, [:default, ~w(--watch)]}
   ]
 
diff --git a/config/prod.exs b/config/prod.exs
index 608ef13..31b5cab 100644
--- a/config/prod.exs
+++ b/config/prod.exs
@@ -9,7 +9,8 @@ import Config
 # manifest is generated by the `mix phx.digest` task,
 # which you should run after static files are built and
 # before starting your production server.
-config :app, AppWeb.Endpoint, cache_static_manifest: "priv/static/cache_manifest.json"
+config :app, AppWeb.Endpoint,
+  cache_static_manifest: "priv/static/cache_manifest.json"
 
 # Do not print debug messages in production
 config :logger, level: :info
diff --git a/config/test.exs b/config/test.exs
index 5c7457b..2fceb3e 100644
--- a/config/test.exs
+++ b/config/test.exs
@@ -4,7 +4,8 @@ import Config
 # you can enable the server option below.
 config :app, AppWeb.Endpoint,
   http: [ip: {127, 0, 0, 1}, port: 4002],
-  secret_key_base: "lrn6ftfPZu7KSTQ54v4foc/gq2FgYfB9/ckQw+Hhi/NNcUM7nf/mUlTqZWJOXAoK",
+  secret_key_base:
+    "lrn6ftfPZu7KSTQ54v4foc/gq2FgYfB9/ckQw+Hhi/NNcUM7nf/mUlTqZWJOXAoK",
   server: false
 
 # Print only warnings and errors during test
diff --git a/example.md b/example.md
index a0a068b..3b00555 100644
--- a/example.md
+++ b/example.md
@@ -63,6 +63,7 @@ Or navigate directly to it:
 ![stripe-test-api-keys](https://user-images.githubusercontent.com/194400/211688826-429d2905-49f9-4974-8654-08b3607b43f5.png)
 
 > **Note**: don't worry, these `API Keys` aren't valid. 
+> This is just for illustration purposes.
 
 The **_Test_ API keys** will be used later.
 Save them and don't share them with anyone.
@@ -90,8 +91,8 @@ you will be able to see the default landing page.
 We want the `person` using the `App` to be able to log in.
 We will check if they have *paid* or not
 for using the `App`. 
-If he hasn't, he is redirected to a `buy` page.
-If he has, he will have access to it!
+If they haven't, they are redirected to a `buy` page.
+If they have, they will have access to it!
 
 It's a simple `App`, for sure.
 But it's still important 
diff --git a/lib/app/users.ex b/lib/app/users.ex
index 860e7af..aaac0e1 100644
--- a/lib/app/users.ex
+++ b/lib/app/users.ex
@@ -1,27 +1,39 @@
 defmodule UsersTable do
-
   alias Pockets
 
-  @table (if Mix.env() == :prod do :users_table else :users_test_table end)
-  @filepath (if Mix.env() == :prod do "cache.dets" else "cache_test.dets" end)
+  @table (if Mix.env() == :prod do
+            :users_table
+          else
+            :users_test_table
+          end)
+  @filepath (if Mix.env() == :prod do
+               "cache.dets"
+             else
+               "cache_test.dets"
+             end)
 
   def init() do
     case Pockets.new(@table, @filepath) do
       # Not testing creating a table because when testing, it loads a sample table.
       # coveralls-ignore-start
-      {:ok, set} -> {:ok, set}
+      {:ok, set} ->
+        {:ok, set}
+
       # coveralls-ignore-end
       {:error, _} ->
         Pockets.open(@table, @filepath)
     end
   end
 
-  def create_user(%{:stripe_id => stripe_id, :person_id => person_id, :status => status}) do
+  def create_user(%{
+        :stripe_id => stripe_id,
+        :person_id => person_id,
+        :status => status
+      }) do
     Pockets.put(@table, person_id, %{stripe_id: stripe_id, status: status})
   end
 
   def fetch_user(person_id) do
     Pockets.get(@table, person_id)
   end
-
 end
diff --git a/lib/app_web/components/core_components.ex b/lib/app_web/components/core_components.ex
index f40abef..dff9ee6 100644
--- a/lib/app_web/components/core_components.ex
+++ b/lib/app_web/components/core_components.ex
@@ -47,8 +47,16 @@ defmodule AppWeb.CoreComponents do
 
   def modal(assigns) do
     ~H"""
-    <div id={@id} phx-mounted={@show && show_modal(@id)} class="relative z-50 hidden">
-      <div id={"#{@id}-bg"} class="fixed inset-0 bg-zinc-50/90 transition-opacity" aria-hidden="true" />
+    <div
+      id={@id}
+      phx-mounted={@show && show_modal(@id)}
+      class="relative z-50 hidden"
+    >
+      <div
+        id={"#{@id}-bg"}
+        class="fixed inset-0 bg-zinc-50/90 transition-opacity"
+        aria-hidden="true"
+      />
       <div
         class="fixed inset-0 overflow-y-auto"
         aria-labelledby={"#{@id}-title"}
@@ -79,15 +87,24 @@ defmodule AppWeb.CoreComponents do
               </div>
               <div id={"#{@id}-content"}>
                 <header :if={@title != []}>
-                  <h1 id={"#{@id}-title"} class="text-lg font-semibold leading-8 text-zinc-800">
+                  <h1
+                    id={"#{@id}-title"}
+                    class="text-lg font-semibold leading-8 text-zinc-800"
+                  >
                     <%= render_slot(@title) %>
                   </h1>
-                  <p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
+                  <p
+                    :if={@subtitle != []}
+                    class="mt-2 text-sm leading-6 text-zinc-600"
+                  >
                     <%= render_slot(@subtitle) %>
                   </p>
                 </header>
                 <%= render_slot(@inner_block) %>
-                <div :if={@confirm != [] or @cancel != []} class="ml-6 mb-4 flex items-center gap-5">
+                <div
+                  :if={@confirm != [] or @cancel != []}
+                  class="ml-6 mb-4 flex items-center gap-5"
+                >
                   <.button
                     :for={confirm <- @confirm}
                     id={"#{@id}-confirm"}
@@ -125,12 +142,22 @@ defmodule AppWeb.CoreComponents do
   attr :id, :string, default: "flash", 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 :autoshow, :boolean, default: true, doc: "whether to auto show the flash on mount"
+
+  attr :kind, :atom,
+    values: [:info, :error],
+    doc: "used for styling and flash lookup"
+
+  attr :autoshow, :boolean,
+    default: true,
+    doc: "whether to auto show the flash on mount"
+
   attr :close, :boolean, default: true, doc: "whether the flash can be closed"
-  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"
+  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
     ~H"""
@@ -142,12 +169,17 @@ defmodule AppWeb.CoreComponents do
       role="alert"
       class={[
         "fixed hidden top-2 right-2 w-80 sm:w-96 z-50 rounded-lg p-3 shadow-md shadow-zinc-900/5 ring-1",
-        @kind == :info && "bg-emerald-50 text-emerald-800 ring-emerald-500 fill-cyan-900",
-        @kind == :error && "bg-rose-50 p-3 text-rose-900 shadow-md ring-rose-500 fill-rose-900"
+        @kind == :info &&
+          "bg-emerald-50 text-emerald-800 ring-emerald-500 fill-cyan-900",
+        @kind == :error &&
+          "bg-rose-50 p-3 text-rose-900 shadow-md ring-rose-500 fill-rose-900"
       ]}
       {@rest}
     >
-      <p :if={@title} class="flex items-center gap-1.5 text-[0.8125rem] font-semibold leading-6">
+      <p
+        :if={@title}
+        class="flex items-center gap-1.5 text-[0.8125rem] font-semibold leading-6"
+      >
         <Heroicons.information_circle :if={@kind == :info} mini class="h-4 w-4" />
         <Heroicons.exclamation_circle :if={@kind == :error} mini class="h-4 w-4" />
         <%= @title %>
@@ -159,7 +191,10 @@ defmodule AppWeb.CoreComponents do
         class="group absolute top-2 right-1 p-2"
         aria-label={gettext("close")}
       >
-        <Heroicons.x_mark solid class="h-5 w-5 stroke-current opacity-40 group-hover:opacity-70" />
+        <Heroicons.x_mark
+          solid
+          class="h-5 w-5 stroke-current opacity-40 group-hover:opacity-70"
+        />
       </button>
     </div>
     """
@@ -179,7 +214,10 @@ defmodule AppWeb.CoreComponents do
       </.simple_form>
   """
   attr :for, :any, default: nil, doc: "the datastructure for the form"
-  attr :as, :any, default: nil, doc: "the server side parameter to collect all input under"
+
+  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),
@@ -193,7 +231,10 @@ defmodule AppWeb.CoreComponents do
     <.form :let={f} for={@for} as={@as} {@rest}>
       <div class="space-y-8 bg-white mt-10">
         <%= render_slot(@inner_block, f) %>
-        <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
+        <div
+          :for={action <- @actions}
+          class="mt-2 flex items-center justify-between gap-6"
+        >
           <%= render_slot(action, f) %>
         </div>
       </div>
@@ -249,18 +290,31 @@ defmodule AppWeb.CoreComponents do
 
   attr :type, :string,
     default: "text",
-    values: ~w(checkbox color date datetime-local email file hidden month number password
+    values:
+      ~w(checkbox color date datetime-local email file hidden month number password
                range radio search select tel text textarea time url week)
 
   attr :value, :any
-  attr :field, :any, doc: "a %Phoenix.HTML.Form{}/field name tuple, for example: {f, :email}"
+
+  attr :field, :any,
+    doc: "a %Phoenix.HTML.Form{}/field name tuple, for example: {f, :email}"
+
   attr :errors, :list
   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(autocomplete disabled form max maxlength min minlength
+
+  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(autocomplete disabled form max maxlength min minlength
                                    pattern placeholder readonly required size step)
+
   slot :inner_block
 
   def input(%{field: {f, field}} = assigns) do
@@ -277,10 +331,16 @@ defmodule AppWeb.CoreComponents do
   end
 
   def input(%{type: "checkbox"} = assigns) do
-    assigns = assign_new(assigns, :checked, fn -> input_equals?(assigns.value, "true") end)
+    assigns =
+      assign_new(assigns, :checked, fn ->
+        input_equals?(assigns.value, "true")
+      end)
 
     ~H"""
-    <label phx-feedback-for={@name} class="flex items-center gap-4 text-sm leading-6 text-zinc-600">
+    <label
+      phx-feedback-for={@name}
+      class="flex items-center gap-4 text-sm leading-6 text-zinc-600"
+    >
       <input type="hidden" name={@name} value="false" />
       <input
         type="checkbox"
@@ -387,7 +447,10 @@ defmodule AppWeb.CoreComponents do
   def error(assigns) do
     ~H"""
     <p class="phx-no-feedback:hidden mt-3 flex gap-3 text-sm leading-6 text-rose-600">
-      <Heroicons.exclamation_circle mini class="mt-0.5 h-5 w-5 flex-none fill-rose-500" />
+      <Heroicons.exclamation_circle
+        mini
+        class="mt-0.5 h-5 w-5 flex-none fill-rose-500"
+      />
       <%= render_slot(@inner_block) %>
     </p>
     """
@@ -404,7 +467,10 @@ defmodule AppWeb.CoreComponents do
 
   def header(assigns) do
     ~H"""
-    <header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
+    <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) %>
@@ -436,7 +502,8 @@ defmodule AppWeb.CoreComponents do
     attr :label, :string
   end
 
-  slot :action, doc: "the slot for showing user actions in the last table column"
+  slot :action,
+    doc: "the slot for showing user actions in the last table column"
 
   def table(assigns) do
     ~H"""
@@ -444,8 +511,12 @@ defmodule AppWeb.CoreComponents do
       <table class="mt-11 w-[40rem] sm:w-full">
         <thead class="text-left text-[0.8125rem] leading-6 text-zinc-500">
           <tr>
-            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th>
-            <th class="relative p-0 pb-4"><span class="sr-only"><%= gettext("Actions") %></span></th>
+            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal">
+              <%= col[:label] %>
+            </th>
+            <th class="relative p-0 pb-4">
+              <span class="sr-only"><%= gettext("Actions") %></span>
+            </th>
           </tr>
         </thead>
         <tbody class="relative divide-y divide-zinc-100 border-t border-zinc-200 text-sm leading-6 text-zinc-700">
@@ -505,7 +576,9 @@ defmodule AppWeb.CoreComponents do
     <div class="mt-14">
       <dl class="-my-4 divide-y divide-zinc-100">
         <div :for={item <- @item} class="flex gap-4 py-4 sm:gap-8">
-          <dt class="w-1/4 flex-none text-[0.8125rem] leading-6 text-zinc-500"><%= item.title %></dt>
+          <dt class="w-1/4 flex-none text-[0.8125rem] leading-6 text-zinc-500">
+            <%= item.title %>
+          </dt>
           <dd class="text-sm leading-6 text-zinc-700"><%= render_slot(item) %></dd>
         </div>
       </dl>
@@ -565,7 +638,9 @@ defmodule AppWeb.CoreComponents do
     |> JS.show(to: "##{id}")
     |> JS.show(
       to: "##{id}-bg",
-      transition: {"transition-all transform ease-out duration-300", "opacity-0", "opacity-100"}
+      transition:
+        {"transition-all transform ease-out duration-300", "opacity-0",
+         "opacity-100"}
     )
     |> show("##{id}-container")
     |> JS.focus_first(to: "##{id}-content")
@@ -575,7 +650,9 @@ defmodule AppWeb.CoreComponents do
     js
     |> JS.hide(
       to: "##{id}-bg",
-      transition: {"transition-all transform ease-in duration-200", "opacity-100", "opacity-0"}
+      transition:
+        {"transition-all transform ease-in duration-200", "opacity-100",
+         "opacity-0"}
     )
     |> hide("##{id}-container")
     |> JS.hide(to: "##{id}", transition: {"block", "block", "hidden"})
diff --git a/lib/app_web/components/layouts/app.html.heex b/lib/app_web/components/layouts/app.html.heex
index fa10840..0294537 100644
--- a/lib/app_web/components/layouts/app.html.heex
+++ b/lib/app_web/components/layouts/app.html.heex
@@ -48,7 +48,8 @@
       phx-disconnected={show("#disconnected")}
       phx-connected={hide("#disconnected")}
     >
-      Attempting to reconnect <Heroicons.arrow_path class="ml-1 w-3 h-3 inline animate-spin" />
+      Attempting to reconnect
+      <Heroicons.arrow_path class="ml-1 w-3 h-3 inline animate-spin" />
     </.flash>
     <%= @inner_content %>
   </div>
diff --git a/lib/app_web/components/layouts/root.html.heex b/lib/app_web/components/layouts/root.html.heex
index 8f4ebf6..4596c48 100644
--- a/lib/app_web/components/layouts/root.html.heex
+++ b/lib/app_web/components/layouts/root.html.heex
@@ -8,7 +8,12 @@
       <%= assigns[:page_title] || "App" %>
     </.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
+      defer
+      phx-track-static
+      type="text/javascript"
+      src={~p"/assets/app.js"}
+    >
     </script>
   </head>
   <body class="bg-white antialiased">
diff --git a/lib/app_web/controllers/app_controller.ex b/lib/app_web/controllers/app_controller.ex
index d4bc469..6517b7b 100644
--- a/lib/app_web/controllers/app_controller.ex
+++ b/lib/app_web/controllers/app_controller.ex
@@ -2,8 +2,8 @@ defmodule AppWeb.AppController do
   use AppWeb, :controller
 
   def home(conn, _params) do
-
     person_id = conn.assigns.person.id
+
     case UsersTable.fetch_user(person_id) do
       nil ->
         conn |> redirect(to: ~p"/")
diff --git a/lib/app_web/controllers/app_html/app.html.heex b/lib/app_web/controllers/app_html/app.html.heex
index 8ce95b2..21a16e7 100644
--- a/lib/app_web/controllers/app_html/app.html.heex
+++ b/lib/app_web/controllers/app_html/app.html.heex
@@ -1,20 +1,25 @@
 <div class="bg-bottom h-screen flex flex-col justify-center items-center">
-    <img src="https://raw.githubusercontent.com/gist/brudnak/aba00c9a1c92d226f68e8ad8ba1e0a40/raw/e1e4a92f6072d15014f19aa8903d24a1ac0c41a4/nyan-cat.gif"
-            alt="Nyan cat"
-            class="max-w-[60%]"
-            />
-    <div class="text-center">
-        <h3 class="md:text-5xl text-base text-gray-900 font-semibold text-center">Nyan Cat!</h3>
-        <p class="text-gray-600 my-2">Yup, it's a nyan cat. It's not a dashboard.</p>
-        <p class="text-gray-400 mt-12 mb-12">sorry.</p>
+  <img
+    src="https://raw.githubusercontent.com/gist/brudnak/aba00c9a1c92d226f68e8ad8ba1e0a40/raw/e1e4a92f6072d15014f19aa8903d24a1ac0c41a4/nyan-cat.gif"
+    alt="Nyan cat"
+    class="max-w-[60%]"
+  />
+  <div class="text-center">
+    <h3 class="md:text-5xl text-base text-gray-900 font-semibold text-center">
+      Nyan Cat!
+    </h3>
+    <p class="text-gray-600 my-2">
+      Yup, it's a nyan cat. It's not a dashboard.
+    </p>
+    <p class="text-gray-400 mt-12 mb-12">sorry.</p>
 
-        <.link
-            navigate={~p"/"}
-            class="text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700 hover:bg-gradient-to-br
+    <.link
+      navigate={~p"/"}
+      class="text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700 hover:bg-gradient-to-br
             focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 shadow-lg
             shadow-blue-500/50 dark:shadow-lg dark:shadow-blue-800/80 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2 "
-            >
-            go back
-        </.link>
-    </div>
+    >
+      go back
+    </.link>
+  </div>
 </div>
diff --git a/lib/app_web/controllers/checkout_session_controller.ex b/lib/app_web/controllers/checkout_session_controller.ex
index b18c853..494b38e 100644
--- a/lib/app_web/controllers/checkout_session_controller.ex
+++ b/lib/app_web/controllers/checkout_session_controller.ex
@@ -14,7 +14,8 @@ defmodule AppWeb.CheckoutSessionController do
       ],
       mode: "payment",
       # https://stripe.com/docs/payments/checkout/custom-success-page
-      success_url: url <> ~p"/purchase/success?session_id={CHECKOUT_SESSION_ID}",
+      success_url:
+        url <> ~p"/purchase/success?session_id={CHECKOUT_SESSION_ID}",
       cancel_url: url <> ~p"/purchase/cancel?session_id={CHECKOUT_SESSION_ID}",
       # user_email: conn.assigns.person.email,
       automatic_tax: %{enabled: true}
diff --git a/lib/app_web/controllers/error_json.ex b/lib/app_web/controllers/error_json.ex
index 000c0bf..d1868a5 100644
--- a/lib/app_web/controllers/error_json.ex
+++ b/lib/app_web/controllers/error_json.ex
@@ -10,6 +10,10 @@ defmodule AppWeb.ErrorJSON do
   # the template name. For example, "404.json" becomes
   # "Not Found".
   def render(template, _assigns) do
-    %{errors: %{detail: Phoenix.Controller.status_message_from_template(template)}}
+    %{
+      errors: %{
+        detail: Phoenix.Controller.status_message_from_template(template)
+      }
+    }
   end
 end
diff --git a/lib/app_web/controllers/page_controller.ex b/lib/app_web/controllers/page_controller.ex
index 30ddb3a..247efd0 100644
--- a/lib/app_web/controllers/page_controller.ex
+++ b/lib/app_web/controllers/page_controller.ex
@@ -6,12 +6,15 @@ defmodule AppWeb.PageController do
   end
 
   def success(conn, %{"session_id" => session_id}) do
-
     case Stripe.Session.retrieve(session_id) do
       {:ok, session} ->
-
         person_id = conn.assigns.person.id
-        UsersTable.create_user(%{person_id: person_id, stripe_id: session.customer, status: true})
+
+        UsersTable.create_user(%{
+          person_id: person_id,
+          stripe_id: session.customer,
+          status: true
+        })
 
         render(conn, :success, layout: false)
 
@@ -29,7 +32,6 @@ defmodule AppWeb.PageController do
   end
 
   def cancel(conn, %{"session_id" => session_id}) do
-
     case Stripe.Session.retrieve(session_id) do
       {:ok, _session} ->
         render(conn, :cancel, layout: false)
diff --git a/lib/app_web/controllers/page_html/cancel.html.heex b/lib/app_web/controllers/page_html/cancel.html.heex
index d522f1f..1787e2f 100644
--- a/lib/app_web/controllers/page_html/cancel.html.heex
+++ b/lib/app_web/controllers/page_html/cancel.html.heex
@@ -1,17 +1,21 @@
 <section class="flex items-center h-screen p-16">
-	<div class="container flex flex-col items-center justify-center px-5 mx-auto my-8">
-		<div class="max-w-lg text-center">
-			<h2 class="mb-8 font-extrabold text-9xl dark:text-gray-600">
-				Oh no...
-			</h2>
-			<p class="text-2xl font-semibold md:text-3xl">looks like something went wrong.</p>
-			<p class="mt-4 mb-8 dark:text-gray-400">Perhaps you cancelled your order? Internet went down? We can help you get back on track!</p>
-            <.link
-                href={~p"/"}
-                class="px-8 py-3 font-semibold rounded text-white bg-violet-400"
-            >
-                Back to homepage
-            </.link>
-		</div>
-	</div>
+  <div class="container flex flex-col items-center justify-center px-5 mx-auto my-8">
+    <div class="max-w-lg text-center">
+      <h2 class="mb-8 font-extrabold text-9xl dark:text-gray-600">
+        Oh no...
+      </h2>
+      <p class="text-2xl font-semibold md:text-3xl">
+        looks like something went wrong.
+      </p>
+      <p class="mt-4 mb-8 dark:text-gray-400">
+        Perhaps you cancelled your order? Internet went down? We can help you get back on track!
+      </p>
+      <.link
+        href={~p"/"}
+        class="px-8 py-3 font-semibold rounded text-white bg-violet-400"
+      >
+        Back to homepage
+      </.link>
+    </div>
+  </div>
 </section>
diff --git a/lib/app_web/controllers/page_html/home.html.heex b/lib/app_web/controllers/page_html/home.html.heex
index e24ba37..614a2a8 100644
--- a/lib/app_web/controllers/page_html/home.html.heex
+++ b/lib/app_web/controllers/page_html/home.html.heex
@@ -52,10 +52,8 @@
       </small>
     </h1>
     <p class="mt-4 text-[2rem] font-semibold leading-10 tracking-tighter text-zinc-900">
-      An example integrating
-      <span class="text-[#5d97de]">Stripe</span>
-      with
-      <span class="text-brand">Phoenix</span>
+      An example integrating <span class="text-[#5d97de]">Stripe</span>
+      with <span class="text-brand">Phoenix</span>
     </p>
     <p class="mt-4 text-base leading-7 text-zinc-600">
       This is a small project showcasing how to integrate Stripe in a Phoenix project.
@@ -65,66 +63,62 @@
       Otherwise, they are redirected to a buying page to purchase so they can access it.
     </p>
 
-      <%= if Map.has_key?(@conn.assigns, :person) do %>
-        <div class="bg-[#decef633] rounded-lg p-6 mt-4">
+    <%= if Map.has_key?(@conn.assigns, :person) do %>
+      <div class="bg-[#decef633] rounded-lg p-6 mt-4">
+        <p class="text-[2rem] font-semibold leading-10 tracking-tighter text-zinc-900">
+          Hey there, <%= @conn.assigns.person.username %>!
+        </p>
+        <p class="mt-4 text-base leading-7 text-zinc-600">
+          Thanks for logging in!
+          It seems that you haven't purchased our sweet dashboard.
+          You have to "purchase" to proceed.
+        </p>
 
-          <p class="text-[2rem] font-semibold leading-10 tracking-tighter text-zinc-900">
-            Hey there, <%= @conn.assigns.person.username %>!
-          </p>
-          <p class="mt-4 text-base leading-7 text-zinc-600">
-            Thanks for logging in!
-            It seems that you haven't purchased our sweet dashboard.
-            You have to "purchase" to proceed.
-          </p>
-
-          <div class="flex mt-4">
-            <div class="w-full sm:w-auto">
-
-              <button class="relative inline-flex items-center justify-center p-0.5 mb-2 mr-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
-                <%= if check_user_has_paid(@conn.assigns.person.id) do %>
-                  <.link
-                    href={~p"/dashboard"}
-                    class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0"
-                  >
-                    Enter
-                  </.link>
-                <% else %>
-                  <.link
-                    href={~p"/purchase/checkout-session"}
-                    method="post"
-                    class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0"
-                  >
-                    Purchase
-                  </.link>
-                <% end %>
-
-              </button>
-              <.link
-                navigate={~p"/logout"}
-                class="text-purple-700 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
-              >
-                Logout
-              </.link>
-            </div>
+        <div class="flex mt-4">
+          <div class="w-full sm:w-auto">
+            <button class="relative inline-flex items-center justify-center p-0.5 mb-2 mr-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
+              <%= if check_user_has_paid(@conn.assigns.person.id) do %>
+                <.link
+                  href={~p"/dashboard"}
+                  class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0"
+                >
+                  Enter
+                </.link>
+              <% else %>
+                <.link
+                  href={~p"/purchase/checkout-session"}
+                  method="post"
+                  class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0"
+                >
+                  Purchase
+                </.link>
+              <% end %>
+            </button>
+            <.link
+              navigate={~p"/logout"}
+              class="text-purple-700 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
+            >
+              Logout
+            </.link>
           </div>
-
         </div>
-      <% else %>
-        <div class="flex">
-          <div class="w-full sm:w-auto">
-            <div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-3">
-              <.link
-                navigate={~p"/login"}
-                class="text-white bg-gradient-to-br from-pink-500 to-orange-400
+      </div>
+    <% else %>
+      <div class="flex">
+        <div class="w-full sm:w-auto">
+          <div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-3">
+            <.link
+              navigate={~p"/login"}
+              class="text-white bg-gradient-to-br from-pink-500 to-orange-400
                 hover:bg-gradient-to-bl
                 focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800
                 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
-              >
-                Login
-              </.link>
-            </div>
+            >
+              Login
+            </.link>
           </div>
         </div>
-      <% end %>
+      </div>
+    <% end %>
   </div>
 </div>
diff --git a/lib/app_web/controllers/page_html/success.html.heex b/lib/app_web/controllers/page_html/success.html.heex
index cc5fc48..e0a42c2 100644
--- a/lib/app_web/controllers/page_html/success.html.heex
+++ b/lib/app_web/controllers/page_html/success.html.heex
@@ -1,22 +1,28 @@
 <div class="bg-gray-100 h-screen flex flex-col justify-center items-center">
-    <div class="p-6  md:mx-auto">
-        <svg viewBox="0 0 24 24" class="text-green-600 w-16 h-16 mx-auto my-6">
-            <path fill="currentColor"
-                d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z">
-            </path>
-        </svg>
-        <div class="text-center">
-            <h3 class="md:text-2xl text-base text-gray-900 font-semibold text-center">Payment Done!</h3>
-            <p class="text-gray-600 my-2">Thank you for completing your secure online payment.</p>
-            <p> Have a great day!  </p>
-            <div class="py-10 text-center">
-                <.link
-                  href={~p"/dashboard"}
-                  class="px-12 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold py-3"
-                >
-                  Go to dashboard
-                </.link>
-            </div>
-        </div>
+  <div class="p-6  md:mx-auto">
+    <svg viewBox="0 0 24 24" class="text-green-600 w-16 h-16 mx-auto my-6">
+      <path
+        fill="currentColor"
+        d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
+      >
+      </path>
+    </svg>
+    <div class="text-center">
+      <h3 class="md:text-2xl text-base text-gray-900 font-semibold text-center">
+        Payment Done!
+      </h3>
+      <p class="text-gray-600 my-2">
+        Thank you for completing your secure online payment.
+      </p>
+      <p>Have a great day!</p>
+      <div class="py-10 text-center">
+        <.link
+          href={~p"/dashboard"}
+          class="px-12 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold py-3"
+        >
+          Go to dashboard
+        </.link>
+      </div>
     </div>
+  </div>
 </div>
diff --git a/lib/app_web/endpoint.ex b/lib/app_web/endpoint.ex
index 0d30e5c..b00a0d1 100644
--- a/lib/app_web/endpoint.ex
+++ b/lib/app_web/endpoint.ex
@@ -11,7 +11,8 @@ defmodule AppWeb.Endpoint do
     same_site: "Lax"
   ]
 
-  socket "/live", Phoenix.LiveView.Socket, websocket: [connect_info: [session: @session_options]]
+  socket "/live", Phoenix.LiveView.Socket,
+    websocket: [connect_info: [session: @session_options]]
 
   # Serve at "/" the static files from "priv/static" directory.
   #
diff --git a/lib/app_web/router.ex b/lib/app_web/router.ex
index 81a9698..9c6d486 100644
--- a/lib/app_web/router.ex
+++ b/lib/app_web/router.ex
@@ -21,7 +21,6 @@ defmodule AppWeb.Router do
 
     get "/login", AuthController, :login
     get "/logout", AuthController, :logout
-
   end
 
   scope "/purchase", AppWeb do
@@ -34,7 +33,6 @@ defmodule AppWeb.Router do
     get "/cancel", PageController, :cancel
   end
 
-
   scope "/dashboard", AppWeb do
     pipe_through :browser
     pipe_through :auth
diff --git a/mix.exs b/mix.exs
index f225ae0..63ce67b 100644
--- a/mix.exs
+++ b/mix.exs
@@ -70,7 +70,6 @@ defmodule App.MixProject do
 
       # Mocking for testing
       {:mock, "~> 0.3.0", only: :test}
-
     ]
   end
 
@@ -83,7 +82,11 @@ defmodule App.MixProject do
   defp aliases do
     [
       setup: ["deps.get"],
-      "assets.deploy": ["tailwind default --minify", "esbuild default --minify", "phx.digest"],
+      "assets.deploy": [
+        "tailwind default --minify",
+        "esbuild default --minify",
+        "phx.digest"
+      ],
       t: ["test"],
       c: ["coveralls.html"],
       s: ["phx.server"]
diff --git a/test/app/users_test.exs b/test/app/users_test.exs
index 2678b88..3fcd813 100644
--- a/test/app/users_test.exs
+++ b/test/app/users_test.exs
@@ -1,5 +1,4 @@
 defmodule App.UsersTest do
-
   use ExUnit.Case
 
   # "Cache_test.dets" has one user
diff --git a/test/app_web/controllers/app_controller_test.exs b/test/app_web/controllers/app_controller_test.exs
index cc4ad9e..44103d6 100644
--- a/test/app_web/controllers/app_controller_test.exs
+++ b/test/app_web/controllers/app_controller_test.exs
@@ -9,12 +9,10 @@ defmodule AppWeb.AppControllerTest do
   end
 
   test "test dashboard with logged in and paid user", %{conn: conn} do
-
     UsersTable.create_user(%{stripe_id: 1, person_id: 1, status: true})
     conn = setup_conn_with_user(conn)
 
     conn = get(conn, ~p"/dashboard")
     assert html_response(conn, 200) =~ "nyan cat"
   end
-
 end
diff --git a/test/app_web/controllers/auth_controller_test.exs b/test/app_web/controllers/auth_controller_test.exs
index 7dcf951..8db052a 100644
--- a/test/app_web/controllers/auth_controller_test.exs
+++ b/test/app_web/controllers/auth_controller_test.exs
@@ -1,5 +1,3 @@
-
-
 defmodule AppWeb.AuthControllerTest do
   use AppWeb.ConnCase, async: true
 
diff --git a/test/app_web/controllers/checkout_session_controller_test.exs b/test/app_web/controllers/checkout_session_controller_test.exs
index 27230d2..322f731 100644
--- a/test/app_web/controllers/checkout_session_controller_test.exs
+++ b/test/app_web/controllers/checkout_session_controller_test.exs
@@ -4,12 +4,14 @@ defmodule AppWeb.CheckoutSessionControllerTest do
 
   import Mock
 
-  test "get redirection to stripe checkout session with loggedin user", %{conn: conn} do
+  test "get redirection to stripe checkout session with loggedin user", %{
+    conn: conn
+  } do
     conn = setup_conn_with_user(conn)
     url_to_be_redirected_to = "www.session_url.com"
 
-    with_mock Stripe.Session, [create: fn(_params) -> {:ok, %{url: url_to_be_redirected_to}} end] do
-
+    with_mock Stripe.Session,
+      create: fn _params -> {:ok, %{url: url_to_be_redirected_to}} end do
       conn = post(conn, ~p"/purchase/checkout-session", %{})
 
       assert redirected_to(conn, 303) == url_to_be_redirected_to
diff --git a/test/app_web/controllers/error_html_test.exs b/test/app_web/controllers/error_html_test.exs
index 54a712f..b71a958 100644
--- a/test/app_web/controllers/error_html_test.exs
+++ b/test/app_web/controllers/error_html_test.exs
@@ -9,6 +9,7 @@ defmodule AppWeb.ErrorHTMLTest do
   end
 
   test "renders 500.html" do
-    assert render_to_string(AppWeb.ErrorHTML, "500", "html", []) == "Internal Server Error"
+    assert render_to_string(AppWeb.ErrorHTML, "500", "html", []) ==
+             "Internal Server Error"
   end
 end
diff --git a/test/app_web/controllers/error_json_test.exs b/test/app_web/controllers/error_json_test.exs
index ebc82d7..208e4b7 100644
--- a/test/app_web/controllers/error_json_test.exs
+++ b/test/app_web/controllers/error_json_test.exs
@@ -2,7 +2,9 @@ defmodule AppWeb.ErrorJSONTest do
   use AppWeb.ConnCase, async: true
 
   test "renders 404" do
-    assert AppWeb.ErrorJSON.render("404.json", %{}) == %{errors: %{detail: "Not Found"}}
+    assert AppWeb.ErrorJSON.render("404.json", %{}) == %{
+             errors: %{detail: "Not Found"}
+           }
   end
 
   test "renders 500" do
diff --git a/test/app_web/controllers/page_controller_test.exs b/test/app_web/controllers/page_controller_test.exs
index ce983b4..b9f3105 100644
--- a/test/app_web/controllers/page_controller_test.exs
+++ b/test/app_web/controllers/page_controller_test.exs
@@ -6,7 +6,9 @@ defmodule AppWeb.PageControllerTest do
 
   test "get homepage", %{conn: conn} do
     conn = get(conn, ~p"/")
-    assert html_response(conn, 200) =~ "This is a small project showcasing how to integrate Stripe in a Phoenix project."
+
+    assert html_response(conn, 200) =~
+             "This is a small project showcasing how to integrate Stripe in a Phoenix project."
   end
 
   test "get success with loggedin user without session_id", %{conn: conn} do
@@ -18,19 +20,20 @@ defmodule AppWeb.PageControllerTest do
   test "get success with loggedin user with session_id", %{conn: conn} do
     conn = setup_conn_with_user(conn)
 
-    with_mock Stripe.Session, [retrieve: fn(_session_id) -> {:ok, %{customer: 1}} end] do
-
+    with_mock Stripe.Session,
+      retrieve: fn _session_id -> {:ok, %{customer: 1}} end do
       conn = get(conn, ~p"/purchase/success?session_id=123")
 
-      assert html_response(conn, 200) =~ "Thank you for completing your secure online payment."
+      assert html_response(conn, 200) =~
+               "Thank you for completing your secure online payment."
     end
   end
 
-  test "get success with loggedin user with session_id but stripe session errors out", %{conn: conn} do
+  test "get success with loggedin user with session_id but stripe session errors out",
+       %{conn: conn} do
     conn = setup_conn_with_user(conn)
 
-    with_mock Stripe.Session, [retrieve: fn(_session_id) -> {:error, nil} end] do
-
+    with_mock Stripe.Session, retrieve: fn _session_id -> {:error, nil} end do
       conn = get(conn, ~p"/purchase/success?session_id=123")
       assert redirected_to(conn, 303) == ~p"/"
     end
@@ -45,19 +48,19 @@ defmodule AppWeb.PageControllerTest do
   test "get cancel with loggedin user with session_id", %{conn: conn} do
     conn = setup_conn_with_user(conn)
 
-    with_mock Stripe.Session, [retrieve: fn(_session_id) -> {:ok, %{customer: 1}} end] do
-
+    with_mock Stripe.Session,
+      retrieve: fn _session_id -> {:ok, %{customer: 1}} end do
       conn = get(conn, ~p"/purchase/cancel?session_id=123")
 
       assert html_response(conn, 200) =~ "looks like something went wrong"
     end
   end
 
-  test "get cancel with loggedin user with session_id but stripe session errors out", %{conn: conn} do
+  test "get cancel with loggedin user with session_id but stripe session errors out",
+       %{conn: conn} do
     conn = setup_conn_with_user(conn)
 
-    with_mock Stripe.Session, [retrieve: fn(_session_id) -> {:error, nil} end] do
-
+    with_mock Stripe.Session, retrieve: fn _session_id -> {:error, nil} end do
       conn = get(conn, ~p"/purchase/cancel?session_id=123")
       assert redirected_to(conn, 303) == ~p"/"
     end