diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index be58cad..420a54e 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -6,7 +6,7 @@ const Footer: React.FC = () => {
       <p className="hr-like">
         <br />
         All we have to decide is what to do with the time that is given to us.{" "}
-        <b>Built with &hearts; in {new Date().getFullYear()}</b> <br />
+        <b>Built with &hearts; 2019-{new Date().getFullYear()}</b> <br />
       </p>
     </footer>
   );
diff --git a/frontend/src/index.css b/frontend/src/index.css
index b4faf5d..6766cf8 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,21 +1,20 @@
 @charset "UTF-8";
-html, body {
+html,
+body {
   max-width: 100%;
   overflow-x: hidden;
-
 }
 
 .card {
   /* margin-bottom: 3rem; */
-  border: 1rem solid var(--card-border-color)
+  border: 1rem solid var(--card-border-color);
 }
 
 .logo {
-  font-size: 1.0rem !important;
+  font-size: 1rem !important;
   padding: 25px !important;
   /* font-family: 'Just Another Hand', cursive; */
   color: var(--a-visited-color) !important;
-
 }
 
 table {
@@ -24,15 +23,14 @@ table {
 
 .logo a:hover {
   text-decoration: none;
-  color: var(--card-border-color)
+  color: var(--card-border-color);
 }
 
 a:hover {
   text-decoration: none;
-  color: var(--header-fore-color)
+  color: var(--header-fore-color);
 }
 
-
 header {
   color: var(--card-border-color);
   background-color: var(--fore-color) !important;
@@ -40,7 +38,6 @@ header {
   overflow-x: hidden;
 }
 
-
 .drawer-toggle:before {
   color: var(--card-border-color);
   font-size: 80px;
@@ -55,18 +52,39 @@ header {
   }
 }
 
-p, li, ul, th, td, tr, em, a, b, input, label, button {
-  font-family: 'Work Sans', sans-serif !important;
+p,
+li,
+ul,
+th,
+td,
+tr,
+em,
+a,
+b,
+input,
+label,
+button {
+  font-family: "Work Sans", sans-serif !important;
   color: #4c4c4c;
   font-size: 16px;
   line-height: 2.1rem;
 }
 
 @media screen and (min-width: 1000px) {
-  p, li, ul, th, td, tr, em, a, b, input, label, button {
+  p,
+  li,
+  ul,
+  th,
+  td,
+  tr,
+  em,
+  a,
+  b,
+  input,
+  label,
+  button {
     font-size: 20px;
     line-height: 2.8rem;
-
   }
 }
 
@@ -87,7 +105,6 @@ h1 {
   }
 }
 
-
 .subtitle {
   margin-top: -1.7rem;
   margin-left: 1rem;
@@ -97,7 +114,6 @@ h1 {
 @media screen and (max-width: 576px) {
   .subtitle {
     font-size: 35px;
-
   }
 }
 
@@ -110,7 +126,6 @@ h2 {
   h2 {
     font-size: 28px;
     line-height: 3.5rem;
-
   }
 }
 
@@ -118,15 +133,16 @@ h3 {
   font-size: 36px !important;
 }
 
-
 h2 > smaller {
   top: -1rem;
   font-size: 1.5rem !important;
-
 }
 
-h1, h2, h3, .subtitle {
-  font-family: 'Martel', serif;
+h1,
+h2,
+h3,
+.subtitle {
+  font-family: "Martel", serif;
 }
 
 .container {
@@ -135,9 +151,8 @@ h1, h2, h3, .subtitle {
   padding: 0;
 }
 #content-wrap {
-  padding-bottom: 4rem;  
+  padding-bottom: 4rem;
   margin-bottom: 70px;
- 
 }
 
 #flexy {
@@ -155,25 +170,33 @@ footer {
   text-align: center;
   bottom: 0;
   width: 100%;
-  height: 3rem;          
+  height: 4rem;
 }
 
-footer > p, footer b {
+footer > p,
+footer b {
   font-size: 20px;
   line-height: 35px;
   color: var(--fore-color) !important;
 }
 
 .hr-like {
-    border: none;
-    border-top: 1px solid transparent;
-    background-image: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);
-    height: 1px;
-    margin: 1em 0;
+  border: none;
+  border-top: 1px solid transparent;
+  background-image: linear-gradient(
+    to right,
+    transparent,
+    var(--border-color) 20%,
+    var(--border-color) 80%,
+    transparent
+  );
+  height: 1px;
+  margin: 1em 0;
 }
 
 @media screen and (max-width: 1000px) {
-  footer > p, footer b {
+  footer > p,
+  footer b {
     font-size: small;
     line-height: 25px;
   }
@@ -181,15 +204,12 @@ footer > p, footer b {
 
 #drawer {
   border: 1rem solid var(--card-border-color);
-
 }
 
 #drawer a {
   font-size: 20px !important;
-
 }
 
-
 nav {
   line-height: 0.2rem;
   border: unset;
@@ -206,7 +226,8 @@ nav {
   margin-bottom: 3rem;
 }
 
-nav a, nav a:visited {
+nav a,
+nav a:visited {
   color: unset;
 }
 
diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx
index a2bd121..9f04af0 100644
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -11,27 +11,21 @@ const About: React.FC = () => {
       </Helmet>
       <p>
         <br />
-        The <strong>one API to rule them all</strong> is a project by{" "}
+        The <strong>one API to rule them all</strong> is a non-commercial,
+        open-source project maintained by{" "}
         <a href="https://rike.dev" rel="noopener noreferrer" target="_blank">
           Rike
         </a>{" "}
-        started during the{" "}
+        and{" "}
         <a
-          href="https://www.100daysofcode.com/"
+          href="https://github.com/MateuszKikmunter"
           rel="noopener noreferrer"
           target="_blank"
         >
-          #100DaysOfCode challenge
-        </a>{" "}
-        and is brought to you via{" "}
-        <a
-          href="https://www.digitalocean.com/"
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          DigitalOcean
+          Mateusz
         </a>
-        . You have some questions or suggestions? Find me on Twitter (
+        , which has been around since 2019. If you have any quick questions or
+        suggestions, feel free to reach out to Rike on X (
         <a
           href="https://twitter.com/rikecodes"
           rel="noopener noreferrer"
@@ -92,6 +86,14 @@ const About: React.FC = () => {
               Express.js
             </a>{" "}
             -{" "}
+            <a
+              href="https://azure.com/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Azure
+            </a>{" "}
+            -{" "}
             <a
               href="https://www.mongodb.com/de"
               rel="noopener noreferrer"
@@ -125,8 +127,8 @@ const About: React.FC = () => {
             </a>{" "}
             and more.
             <br /> <br />
-            It could not have been made without the scraping work of Moko Sharma
-            (
+            This project would not have been possible without the invaluable
+            scraping contributions of Moko Sharma (
             <a
               href="https://www.kaggle.com/mokosan/lord-of-the-rings-character-data"
               rel="noopener noreferrer"
@@ -142,7 +144,7 @@ const About: React.FC = () => {
             >
               Kaggle
             </a>
-            ) .
+            ).
           </p>
         </div>
       </div>
@@ -152,7 +154,7 @@ const About: React.FC = () => {
           <p>
             Have a look into some great projects based on this API. You would
             like to get listed?{" "}
-            <a href="mailto:hello@rike.dev">Drop me a line.</a>
+            <a href="mailto:hello@rike.dev">Drop Rike a line.</a>
           </p>
 
           <ul>
@@ -271,6 +273,6 @@ const About: React.FC = () => {
       </div>
     </div>
   );
-}
+};
 
 export default About;
diff --git a/frontend/src/pages/Documentation.tsx b/frontend/src/pages/Documentation.tsx
index a77f5e9..c0e0200 100644
--- a/frontend/src/pages/Documentation.tsx
+++ b/frontend/src/pages/Documentation.tsx
@@ -12,10 +12,15 @@ const Documentation: React.FC = () => {
           <a href="#1">What is an API?</a>
         </li>
         <li>
-          <a href="#6">I'm a total newbie to REST APIs. Is there a beginner-friendly introduction?</a>
+          <a href="#6">
+            I'm a total newbie to REST APIs. Is there a beginner-friendly
+            introduction?
+          </a>
         </li>
         <li>
-          <a href="#2">Which data does the "one API to rule them all" provide?</a>
+          <a href="#2">
+            Which data does the "one API to rule them all" provide?
+          </a>
         </li>
         <li>
           <a href="#3">What about response formats and authentication?</a>
@@ -38,7 +43,11 @@ const Documentation: React.FC = () => {
             expect in a graphical user interface like a website.{" "}
             <em>
               I took that great definition from{" "}
-              <a href="https://www.freecodecamp.org/news/what-is-an-api-in-english-please-b880a3214a82/">
+              <a
+                target="_blank"
+                rel="noopener noreferrer"
+                href="https://www.freecodecamp.org/news/what-is-an-api-in-english-please-b880a3214a82/"
+              >
                 this
               </a>{" "}
               very understandable article. Please refer to it for more
@@ -49,16 +58,30 @@ const Documentation: React.FC = () => {
       </div>
       <div id="6" className="card fluid">
         <div className="section">
-          <h2>I'm a total newbie to REST APIs. Is there a beginner-friendly introduction?</h2>
+          <h2>
+            I'm a total newbie to REST APIs. Is there a beginner-friendly
+            introduction?
+          </h2>
           <p>
-            Yes, I wrote a blog post that explains in detail how REST APIs work and why you would use 
-            them at all. It also covers authentication, JSON handling and a sample React app. {' '}
-            <a href="https://rike.dev/2021/05/04/rest-apis-for-absolute-beginners/">
+            Yes, I wrote a blog post that explains in detail how REST APIs work
+            and why you would use them at all. It also covers authentication,
+            JSON handling and a sample React app.{" "}
+            <a
+              rel="noopener noreferrer"
+              target="_blank"
+              href="https://rike.dev/2021/05/04/rest-apis-for-absolute-beginners/"
+            >
               This is the link to the blog post
-            </a> and  <a href="https://github.com/gitfrosh/lotr-api/tree/release/sample-app">
+            </a>{" "}
+            and{" "}
+            <a
+              rel="noopener noreferrer"
+              target="_blank"
+              href="https://github.com/gitfrosh/lotr-api/tree/main/sample-app"
+            >
               here you will find the according code base
-            </a> for the 
-            sample React app.
+            </a>{" "}
+            for the sample React app.
           </p>
         </div>
       </div>
@@ -90,7 +113,11 @@ const Documentation: React.FC = () => {
             You need to send the access key as a bearer token in every request
             you make to the api. Bearer tokens must be included in the
             authorization header (
-            <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication">
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication"
+            >
               More information on authorization headers?
             </a>
             ) in the following format:
@@ -119,9 +146,9 @@ const Documentation: React.FC = () => {
           <table>
             <thead>
               <tr>
-                <th style={{ width: '20%' }}>Endpoint</th>
-                <th style={{ width: '60%' }}>Response</th>
-                <th style={{ width: '20%' }}>Token required</th>
+                <th style={{ width: "20%" }}>Endpoint</th>
+                <th style={{ width: "60%" }}>Response</th>
+                <th style={{ width: "20%" }}>Token required</th>
               </tr>
             </thead>
             <tbody>
@@ -144,7 +171,7 @@ const Documentation: React.FC = () => {
                 <td data-label="Response">
                   Request all chapters of one specific book
                 </td>
-                <td data-label="Token required"/>
+                <td data-label="Token required" />
               </tr>
               <tr>
                 <td data-label="Endpoint">
@@ -231,8 +258,8 @@ const Documentation: React.FC = () => {
           <table className="table">
             <thead>
               <tr>
-                <th style={{ width: '20%' }}>Option</th>
-                <th style={{ width: '60%' }}>Example</th>
+                <th style={{ width: "20%" }}>Option</th>
+                <th style={{ width: "60%" }}>Example</th>
               </tr>
             </thead>
             <tbody>
@@ -260,7 +287,7 @@ const Documentation: React.FC = () => {
           <table className="table">
             <thead>
               <tr>
-                <th style={{ width: '60%' }}>Examples</th>
+                <th style={{ width: "60%" }}>Examples</th>
               </tr>
             </thead>
             <tbody>
@@ -281,8 +308,8 @@ const Documentation: React.FC = () => {
           <table className="table">
             <thead>
               <tr>
-                <th style={{ width: '20%' }}>Option</th>
-                <th style={{ width: '60%' }}>Example</th>
+                <th style={{ width: "20%" }}>Option</th>
+                <th style={{ width: "60%" }}>Example</th>
               </tr>
             </thead>
             <tbody>
@@ -330,6 +357,6 @@ const Documentation: React.FC = () => {
       </div>
     </>
   );
-}
+};
 
 export default Documentation;
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 37558cf..e7c83bf 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -12,19 +12,20 @@ const Home: React.FC = () => {
         <div className="section">
           <h2>What is this?</h2>
           <p>
-            <em>Mellon</em>, this is the one API (
+            <em>Mellon</em>, this is <b>the one API</b> (
             <a href="/documentation#1">
-              What the hell is an Application Programming Interface?
+              wondering what an Application Programming Interface is?
             </a>
-            ) <em>to rule them all</em>. No really, it serves your needs
-            regarding data about <b>The Lord of the Rings</b>, the epic books by
-            J. R. R. Tolkien and the official movie adaptions by Peter Jackson.
+            ) <em>to rule them all</em>, that caters to all your needs
+            concerning data from <b>The Lord of the Rings</b>, the iconic books
+            by J.R.R. Tolkien and their official film adaptations directed by
+            Peter Jackson.
           </p>
           <p>
-            There are many endpoints available, but you need to{" "}
-            <a href="/sign-up">sign up</a> to obtain an access key. Get a
-            glimpse into the <a href="/documentation">documentation</a> to check
-            out all accessible datasets.
+            The API offers numerous endpoints. To access them, please{" "}
+            <a href="/sign-up">sign up</a> for an access key. We recommend
+            reviewing the <a href="/documentation">documentation</a> to explore
+            the extensive datasets available.
           </p>
         </div>
       </div>
@@ -32,24 +33,21 @@ const Home: React.FC = () => {
         <div className="section">
           <h2>What's new?</h2>
           <p>
-            <b>Version 2.0 is out!</b> (August 2020) Please update your API
-            calls from{" "}
-            <br/>
-              {" "}
-              &raquo; https://the-one-api.herokuapp.com/v1/
-            <br/>
-            to 
-            <br />
-            &raquo; https://the-one-api.dev/v2/.
-            <br/><br />
-            We moved from Heroku to DigitalOcean, added some features and
-            reimplemented a lot of backend code. You can now contribute to this
-            Open Source Project on <a href="https://github.com/gitfrosh/lotr-api" rel="noopener noreferrer" target="_blank">Github</a>!{" "}
+            To explore everything happening with this project, feel free to
+            visit our{" "}
+            <a
+              href="https://github.com/gitfrosh/lotr-api"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Github
+            </a>{" "}
+            Page. We warmly invite you to consider contributing as well.
           </p>
         </div>
       </div>
     </div>
   );
-}
+};
 
 export default Home;