chore: improve insights

README.md

@@ -18,7 +18,7 @@ This is a simple URL shortener service. It is written in Golang and uses Redis a
 
 ## Preview
 
-![](public/preview.png)
+![Preview image](public/preview.png)
 
 ## What's new
 
@@ -54,7 +54,7 @@ git clone https://github.com/thuongtruong1009/short1url.git
 cd api && cp .env.example .env
 
 # server
-client && cp .env.example .env
+cd client && cp .env.example .env
 ```
 
 3. Run Docker container
@@ -63,14 +63,13 @@ client && cp .env.example .env
 docker-compose up -d
 ```
 
-4. Open browser
+4. Testing API
 
 ```bash
-http://localhost:81
+# with browser
+Open http://localhost:81/s
 ```
 
-4. Testing API
-
 ```bash
 # with Postman or browser
 POST http://localhost:81/s
@@ -92,7 +91,9 @@ Pull requests are welcome. For major changes, please open an issue first to disc
 
 ## License
 
-Short1url is an [MIT-licensed](LICENSE) open source project. Copyright <a href="https://github.com/thuongtruong1009">thuongtruong1009</a>
+**Short1url** is an [MIT-licensed](LICENSE) open source project.
+
+Copyright of <a href="https://github.com/thuongtruong1009">thuongtruong1009</a>
 
 <!-- ## References
 

client/app.vue

@@ -31,7 +31,7 @@ onMounted(() => {
 const getAllShorted = async () => {
   const ipData = await FetchMethod(config.public.ipSource);
   const allData = await FetchMethod(
-    `${config.public.apiBase}/all?ip=${ipData.ip}`,
+    `${config.public.apiBase}/all?ip=${ipData?.ip}`,
     {
       method: "POST",
     }
@@ -74,7 +74,13 @@ const onClickOptionBtn = (option: EBUTTON_OPTION) => {
         />
         <ul>
           <li>
-            <button :disabled="!url" class="short_btn" @click="onShorten">
+            <button
+              :disabled="!url"
+              alt="Shorten"
+              title="shorten_btn"
+              class="short_btn"
+              @click="onShorten"
+            >
               <Link />
               <span>Shorten</span>
             </button>
@@ -83,6 +89,8 @@ const onClickOptionBtn = (option: EBUTTON_OPTION) => {
           <li>
             <button
               :disabled="!url"
+              alt="QR Code"
+              title="QR Code"
               class="qr_btn"
               @click="onClickOptionBtn(EBUTTON_OPTION.QRCODE)"
             >
@@ -94,6 +102,8 @@ const onClickOptionBtn = (option: EBUTTON_OPTION) => {
           <li>
             <button
               :disabled="!url"
+              alt="Bar Code"
+              title="Bar Code"
               class="bar_btn"
               @click="onClickOptionBtn(EBUTTON_OPTION.BARCODE)"
             >

client/components/Footer.vue

@@ -14,6 +14,6 @@ footer {
   color: white;
   text-align: center;
   padding: 1rem;
-  font-size: 0.7rem;
+  font-size: 0.75rem;
 }
 </style>

client/nuxt.config.ts

@@ -3,6 +3,7 @@ import pkg from "./package.json";
 export default defineNuxtConfig({
   app: {
     head: {
+      htmlAttrs: { lang: "en", dir: "ltr" },
       title: pkg.name,
       meta: [
         { charset: "utf-8" },
@@ -35,6 +36,17 @@ export default defineNuxtConfig({
     },
   },
 
+  modules: [
+    "@nuxtjs/robots",
+    [
+      "@nuxtjs/robots",
+      {
+        UserAgent: "*",
+        Disallow: "/",
+      },
+    ],
+  ],
+
   runtimeConfig: {
     public: {
       apiBase: process.env.NUXT_PUBLIC_API_BASE,