diff --git a/Websites/jefes-nextjs/.env b/Websites/jefes-nextjs/.env
new file mode 100644
index 0000000..89570a8
--- /dev/null
+++ b/Websites/jefes-nextjs/.env
@@ -0,0 +1,8 @@
+# Environment variables declared in this file are automatically made available to Prisma.
+# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
+
+# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
+# See the documentation for all the connection string options: https://pris.ly/d/connection-strings
+
+# DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
+DATABASE_URL="mysql://'alpha':'!Plop2099'@192.168.50.190:3306/db"
\ No newline at end of file
diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
index 25f0241..94883de 100644
--- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
+++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
@@ -1,27 +1,38 @@
+'use client';
 import React from "react";
 import Link from "next/link";
 import Image from "next/image";
 import Jefes from "../../../public/jefes_logo.jpg";
+import { usePathname } from "next/navigation";
+import classnames from 'classnames';
 
 const NavBar = () => {
+    const currentPath = usePathname();
+    console.log(currentPath);
+
   // Create an array to hold the list items
   const links = [
-    { label: "Dashboard", href: "/" },
-    { label: "Issues", href: "/" },
+    { label: "Dashboard", href: "/Dashboard" },
+    { label: "Issues", href: "/Issues" },
   ];
 
   return (
     <nav className="flex gap-4 border-b mb-5 px-5 h-14 items-center">
       <Link href="/">
-        <Image src={Jefes} width={50} height="auto" alt="Logo" />
+        <Image src={Jefes} width={50} height={50} alt="Logo" />
       </Link>
       <ul className="flex gap-4 hover:cursor-pointer">
         {links.map((link) => (
           <Link
             key={link.href}
-            className="text-zinc-500 hover:text-zinc-800"
-            href={link.href}
-          >
+            // className={`${link.href === currentPath ? 'text-zinc-900' : 'text-zinc-500 hover:text-zinc-800'}`}
+            // replace with classnames object instead
+            className={classnames({
+                'text-zinc-900': link.href === currentPath,
+                'text-zinc-500' : link.href !== currentPath,
+                'hover:text-zinc-800': true,
+            })}
+            href={link.href}>
             {link.label}
           </Link>
         ))}
diff --git a/Websites/jefes-nextjs/bun.lockb b/Websites/jefes-nextjs/bun.lockb
index 0cf1dc9..cf95c35 100755
Binary files a/Websites/jefes-nextjs/bun.lockb and b/Websites/jefes-nextjs/bun.lockb differ
diff --git a/Websites/jefes-nextjs/package.json b/Websites/jefes-nextjs/package.json
index 4587845..4688507 100644
--- a/Websites/jefes-nextjs/package.json
+++ b/Websites/jefes-nextjs/package.json
@@ -9,7 +9,9 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "classnames": "^2.3.2",
     "next": "13.5.6",
+    "prisma": "^5.4.2",
     "react": "^18",
     "react-dom": "^18",
     "react-icons": "^4.11.0"
diff --git a/Websites/jefes-nextjs/prisma/schema.prisma b/Websites/jefes-nextjs/prisma/schema.prisma
new file mode 100644
index 0000000..39d307a
--- /dev/null
+++ b/Websites/jefes-nextjs/prisma/schema.prisma
@@ -0,0 +1,12 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  // provider = "postgresql"
+  provider = "mysql"
+  url      = env("DATABASE_URL")
+}