Chore: clean-up and refactor

frontend/app/api/redirect/[id]/route.js

@@ -9,7 +9,7 @@ export async function GET(request, { params }) {
 
   try {
     const response = await axios.get(
-      `${process.env.NEXT_PUBLIC_BACKEND_URL}/reduce/${id}`,
+      `${process.env.NEXT_PUBLIC_BACKEND_URL}/reduce/${id}`
     );
     if (response.status === 200) {
       return NextResponse.redirect(response.data.long_url);

frontend/app/layout.js

@@ -8,7 +8,7 @@ const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
   title: "Reduce",
-  description: "A simple URL shortener application",
+  description: "A simple URL shortener application.",
   icons: {
     icon: "/favicon.ico",
   },

frontend/app/page.js

@@ -25,7 +25,7 @@ export default function Home() {
         {
           long_url: longUrl,
           base_url: baseURL,
-        },
+        }
       );
 
       setShortUrl(response.data.short_url);

frontend/package.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@types/react": "^18.3.3",
     "axios": "^1.7.3",
     "dotenv": "^16.4.5",
     "next": "14.2.5",

frontend/tailwind.config.js

@@ -1,18 +1,16 @@
 /** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
+export const content = [
+  "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+  "./components/**/*.{js,ts,jsx,tsx,mdx}",
+  "./app/**/*.{js,ts,jsx,tsx,mdx}",
+];
+export const theme = {
+  extend: {
+    backgroundImage: {
+      "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+      "gradient-conic":
+        "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
     },
   },
-  plugins: [],
 };
+export const plugins = [];