merge: major enhancements

Client/.dockerignore

@@ -0,0 +1,7 @@
+## Docker Ignore Files ##
+
+# 'OS Waste' File
+*.DS_Store
+
+# 'VSCode Waste' File
+*.vscode

Client/.env.example

@@ -0,0 +1,14 @@
+## (Example) Environment Variables ##
+
+# Shortify Server 'Base URL'
+NEXT_PUBLIC_SHORTIFY_SERVER_BASE_URL = "Your_Shortify_Server_Base_URL"
+
+# Clerk 'Service'
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY = "Your_Clerk_Publishable_Key"
+CLERK_SECRET_KEY = "Your_Clerk_Secret_Key"
+
+# Clerk 'Routes'
+NEXT_PUBLIC_CLERK_SIGN_IN_URL = "/sign-in"
+NEXT_PUBLIC_CLERK_SIGN_UP_URL = "/sign-up"
+NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL = "/"
+NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL = "/"

Client/.gitattributes

@@ -1,2 +1,4 @@
+## Git Attributes ##
+
 # Auto detect the 'text' files and perform the 'LF' normalization
 * text=auto

Client/Dockerfile

@@ -1,14 +1,16 @@
-# Use the official Nginx image as the base image
+## DockerFile: For "Nginx" Application ##
+
+# Start from the latest "nginx" base image (alpine)
 FROM nginx:alpine
 
-# Remove the default Nginx configuration file
+# Remove the default "Nginx" configuration 'file'
 RUN rm /usr/share/nginx/html/index.html
 
-# Copy the custom index.html to the Nginx web root
+# Copy the custom 'index.html' to the "Nginx" web 'root'
 COPY index.html /usr/share/nginx/html/
 
-# Expose port 80 to access the web page
+# Expose the port "80" to 'access' the web 'page'
 EXPOSE 80
 
-# Start Nginx server
+# Start the "Nginx" server
 CMD ["nginx", "-g", "daemon off;"]

Client/Interface/constant/data.ts → Client/Interface/constant/data.js

@@ -1,7 +1,5 @@
-import { DataProp } from '../types/data';
-
 // # 'Data' Constant
-const Data: DataProp = {
+const Data = {
     name: "Suraj Dalvi",
     author: "Suraj Dalvi"
 };

Client/Interface/constant/metadata.ts → Client/Interface/constant/metadata.js

@@ -1,10 +1,8 @@
-import { MetaDataProp } from '../types/metadata';
-
 // # 'MetaData' Constant
-const MetaData: MetaDataProp = {
+const MetaData = {
   title: "Shortify - URL Shortener",
   description: "💲Shortify💲 ~ 🕸️ URL Shortener 🕸️",
-  icons: "/Logo.png"
+  icons: "logo.png"
 };
 
 export default MetaData;

Client/Interface/constant/ui.js

@@ -0,0 +1,8 @@
+// # 'UI Data' Constant
+const UIData = {
+    site_name: "Shortify",
+    black_logo: "black_logo.png", // # For "Light" Mode 
+    white_logo: "white_logo.png" // # For "Dark" Mode
+};
+
+export default UIData;

Client/LICENCE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Suraj Dalvi
+Copyright (c) 2026 Suraj Dalvi
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

Client/app/(auth)/layout.tsx → Client/app/(auth)/layout.jsx

@@ -1,4 +1,4 @@
-const AuthLayout = ({ children }: { children: React.ReactNode }) => {
+const AuthLayout = ({ children }) => {
   return (
     <>
       <div className="h-screen flex items-center justify-center">

Client/app/globals.css

@@ -1,31 +1,71 @@
-/* ## App Global CSS ## */
+/* ## App "Global" CSS ## */
 
-/* # Tailwind CSS # */
+/* # "Tailwind" CSS # */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-/* # Scrollbar CSS # */
+/* # "Layer" CSS # */
+@layer base {
 
-/* Firefox */
-* {
-  scrollbar-width: auto;
-  scrollbar-color: #5b8be0 #ffffff;
-}
+  /* # "Light" Theme # */
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
 
-/* Chrome | Edge | Safari */
-*::-webkit-scrollbar {
-  width: 12px;
-  height: 20px;
+  /* # "Dark" Theme # */
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
 }
 
-*::-webkit-scrollbar-track {
-  background: transparent;
-  margin: 10px;
-}
+/* # "Layer" CSS # */
+@layer base {
+
+  /* # "Border" CSS # */
+  * {
+    @apply border-border;
+  }
 
-*::-webkit-scrollbar-thumb {
-  background-color: #5b8be0;
-  border-radius: 10px;
-  border: 3px solid black;
+  /* # "Body" CSS # */
+  body {
+    @apply bg-background text-foreground;
+  }
 }

Client/app/layout.jsx

@@ -0,0 +1,22 @@
+import './globals.css'
+import MetaData from '../Interface/constant/metadata';
+import { ClerkProvider } from '@clerk/nextjs';
+import "react-toastify/dist/ReactToastify.css";
+
+export const metadata = MetaData
+
+const RootLayout = ({ children }) => {
+  return (
+    <>
+      <ClerkProvider>
+        <html lang="en">
+          <body>
+            {children}
+          </body>
+        </html>
+      </ClerkProvider >
+    </>
+  );
+};
+
+export default RootLayout;