🥳 Release new version🥳

Beta

.gitignore

@@ -34,3 +34,11 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# Auto Generated PWA files
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map

app/(root)/(home)/(routes)/about/components/Contribution.jsx

@@ -11,16 +11,16 @@ const Contribution = () => {
   return (
     <section className="w-full mt-3 ">
       <div className="flex justify-center items-center flex-col-reverse md:flex-row">
-        <div className="">
+        <div>
           <Image
-            src="/contriubute.svg"
+            src="/img/contriubute.svg"
             alt="github contribution svg"
             width={350}
             height={350}
           />
         </div>
         <div className="items-center text-center font-normal sm:font-medium w-full md:w-[60%] text-[#808191]">
-          <p class="text-gray-500 text-lg text-center font-normal pb-3">
+          <p className="text-gray-500 text-lg text-center font-normal pb-3">
             Contribute.
           </p>
           <h3 className="text-3xl font-bold text-white mb-2">

app/(root)/(home)/(routes)/about/components/Team.jsx

@@ -1,48 +1,103 @@
+import Link from "next/link";
 import {
   IconBrandGithub,
   IconBrandInstagram,
   IconBrandLinkedin,
   IconBrandX,
 } from "@tabler/icons-react";
 import Image from "next/image";
-import Link from "next/link";
-import React from "react";
+
+const SocialLinks = ({
+  githubUsername,
+  xUsername,
+  linkedinUsername,
+  instagramUsername,
+}) => {
+  return (
+    <div className="flex justify-start space-x-1">
+      {githubUsername && (
+        <SocialLink
+          icon={<IconBrandGithub className="social-icon" />}
+          tooltip="Github"
+          url={`https://github.com/${githubUsername}`}
+        />
+      )}
+      {xUsername && (
+        <SocialLink
+          icon={<IconBrandX className="social-icon" />}
+          tooltip="twitter"
+          url={`https://twitter.com/${xUsername}`}
+        />
+      )}
+      {linkedinUsername && (
+        <SocialLink
+          icon={<IconBrandLinkedin className="social-icon" />}
+          tooltip="Linkedin"
+          url={`https://www.linkedin.com/in/${linkedinUsername}`}
+        />
+      )}
+      {instagramUsername && (
+        <SocialLink
+          icon={<IconBrandInstagram className="social-icon" />}
+          tooltip="Instagram"
+          url={`https://www.instagram.com/${instagramUsername}`}
+        />
+      )}
+    </div>
+  );
+};
+
+const SocialLink = ({ icon, tooltip, url }) => {
+  return (
+    <Link
+      className="tooltip tooltip-bottom"
+      data-tip={tooltip}
+      href={url}
+      target="_blank"
+    >
+      {icon}
+    </Link>
+  );
+};
 
 const Team = () => {
   const teamMembers = [
     {
       name: "Mohammed shabin k",
       role: "Team lead | software Engineer",
       img: "/team/member-1.jpeg",
-      githubUrl: "SHABIN-K",
-      xUrl: "shabink9",
-      linkedinUrl: "-shabink/",
+      githubUsername: "SHABIN-K",
+      xUsername: "shabink9",
+      linkedinUsername: "-shabink",
     },
     {
-      name: "Muzammil",
+      name: "Muhammad Muzammil k",
       role: "Frontend developer",
       img: "/team/member-2.jpeg",
-      githubUrl: "SHABIN-K",
-      instagramUrl: "_shabink/",
+      githubUsername: "muzammilk03",
+      instagramUsername: "muzammilsidhique",
+      linkedinUsername: "muhammed-muzammil-308819281",
     },
     {
       name: "Mohammed Nisham nk",
       role: "Visual designer",
       img: "/team/member-5.jpg",
-      linkedinUrl: "-shabink/",
-      instagramUrl: "_shabink/",
+      githubUsername: "Nisham-N-K",
+      instagramUsername: "nisham_nk",
+      linkedinUsername: "mohammed-nisham-nk-b9a05b267",
     },
     {
       name: "Mufasil",
       role: "Visual designer",
       img: "/team/member-3.jpeg",
-      instagramUrl: "_shabink/",
+      instagramUsername: "mufasill_",
+      linkedinUsername: "Mufasil.Muthu",
     },
     {
       name: "Shefna N",
       role: "QA Tester",
       img: "/team/member-4.jpg",
-      instagramUrl: "shefna_n",
+      instagramUsername: "shefna_n",
     },
   ];
 
@@ -68,7 +123,7 @@ const Team = () => {
                 alt="Person"
               />
               <div className="flex flex-col items-start justify-center text-center capitalize">
-                <p className="text-base font-bold tracking-tighter">
+                <p className="text-base font-bold tracking-tighter text-gray-300">
                   {member.name}
                 </p>
                 <p className="text-sm text-[#808191] tracking-tighter">
@@ -85,51 +140,3 @@ const Team = () => {
 };
 
 export default Team;
-
-const SocialLinks = ({ githubUrl, xUrl, linkedinUrl, instagramUrl }) => {
-  return (
-    <div className="flex justify-start space-x-1">
-      {githubUrl && (
-        <SocialLink
-          icon={<IconBrandGithub className="w-6 md:w-4 hover:text-white" />}
-          tooltip="Github"
-          url={`https://github.com/${githubUrl}`}
-        />
-      )}
-      {xUrl && (
-        <SocialLink
-          icon={<IconBrandX className="w-6 md:w-4 hover:text-white" />}
-          tooltip="twitter"
-          url={`https://twitter.com/${xUrl}`}
-        />
-      )}
-      {linkedinUrl && (
-        <SocialLink
-          icon={<IconBrandLinkedin className="w-6 md:w-4 hover:text-white" />}
-          tooltip="Linkedin"
-          url={`https://www.linkedin.com/in/${linkedinUrl}`}
-        />
-      )}
-      {instagramUrl && (
-        <SocialLink
-          icon={<IconBrandInstagram className="w-6 md:w-4 hover:text-white" />}
-          tooltip="Instagram"
-          url={`https://www.instagram.com/${instagramUrl}`}
-        />
-      )}
-    </div>
-  );
-};
-
-const SocialLink = ({ icon, tooltip, url }) => {
-  return (
-    <Link
-      className="tooltip tooltip-bottom"
-      data-tip={tooltip}
-      href={url}
-      target="_blank"
-    >
-      {icon}
-    </Link>
-  );
-};

app/(root)/layout.jsx

@@ -5,8 +5,48 @@ import { EdgeStoreProvider } from "@/libs/edgestore";
 import AuthProvider from "@/components/layouts/ProviderLayouts";
 
 export const metadata = {
-  title: "pasc hub",
-  description: "study material web app for students",
+  applicationName: "Pasc hub",
+  title: "Pasc hub",
+  description:
+    "study material web app for students.that makes studying easier for students and document management hassle-free for teachers",
+  generator: "Next.js",
+  manifest: "/manifest.json",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "default",
+    title: "Pasc hub",
+    // startUpImage: [],
+  },
+  keywords: [
+    "priyadarshini arts and science college malappuram",
+    "calicut university study materials",
+    "calicut university student portal",
+    "calicut university exam result",
+    "calicut university syllabus",
+    "priyadarshini malappuram",
+    "calicut university",
+    "Pareeksha Bhavan",
+    "study material ",
+    "studyhub",
+    "paschub",
+  ],
+  authors: [
+    { name: "Mohammed shabin k" },
+    {
+      name: "Mohammed shabin k",
+      url: "https://www.linkedin.com/in/-shabink/",
+    },
+  ],
+  icons: [
+    { rel: "apple-touch-icon", url: "/favicon/icon-128x128.png" },
+    { rel: "icon", url: "/favicon/icon-128x128.png" },
+  ],
+};
+
+export const viewport = {
+  themeColor: [{ color: "#13131a" }],
+  viewport:
+    "minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, viewport-fit=cover",
 };
 
 export default function RootLayout({ children }) {

app/(root)/not-found.js

@@ -58,7 +58,7 @@ export default function NotFound() {
         <div className="relative w-full mt-12 lg:w-1/2 lg:mt-0">
           <Image
             className="w-full max-w-lg lg:mx-auto"
-            src="/illustration.svg"
+            src="/img/illustration.svg"
             priority={true} // {false} | {true}
             width={500}
             height={150}

app/globals.css

@@ -158,3 +158,7 @@ body {
 .btn_sidebar {
   @apply flex items-center px-4 py-2 transition-colors duration-300 transform rounded-lg text-gray-400 hover:bg-gray-800 hover:text-gray-200;
 }
+
+.social-icon {
+  @apply w-6 md:w-4 hover:text-white;
+}

components/admin/components/AdminSidebar.jsx

@@ -19,7 +19,7 @@ const AdminSidebar = () => {
         <div className="flex flex-col items-center mt-6 -mx-2">
           <Image
             className="object-cover w-24 h-24 mx-2 rounded-full"
-            src="/profile.jpg"
+            src="/img/profile.jpg"
             width={96}
             height={96}
             priority

components/admin/ui/UploadDoneModel.jsx

@@ -45,7 +45,7 @@ const UploadDoneModel = ({ isOpen, setIsOpen }) => {
                   />
 
                   <Image
-                    src="/submit.png"
+                    src="/img/submit.png"
                     width={340}
                     height={100}
                     alt="Done"

components/models/ShareDialogBox.jsx

@@ -51,7 +51,7 @@ const ShareDialogBox = ({ isOpen, setIsOpen }) => {
                   onClick={closeModal}
                 />
                 <Image
-                  src="/invite_img.webp"
+                  src="/img/invite_img.webp"
                   width={340}
                   height={100}
                   alt="invite friends"

components/ui/Empty.jsx

@@ -6,7 +6,7 @@ export const Empty = ({ label, error, reset }) => {
       <div className="p-20 flex flex-col items-center justify-center">
         <div className="relative mb-3">
           <Image
-            src="/cry.png"
+            src="/img/cry.png"
             alt="Empty"
             width={320}
             height={300}

components/ui/NoDataFound.jsx

@@ -1,12 +1,14 @@
+/* eslint-disable react/no-unescaped-entities */
 import Image from "next/image";
+import Link from "next/link";
 
 const NoDataFound = () => {
   return (
     <section>
       <div className="p-2 flex flex-col items-center justify-center">
         <div className="relative ">
           <Image
-            src="/nodata.png"
+            src="/img/nodata.png"
             width={340}
             height={100}
             alt="No file found"
@@ -19,7 +21,15 @@ const NoDataFound = () => {
           No File Found !!!
         </h1>
         <p className="text-sm pt-2 text-gray-400 text-center">
-          Maybe go Back and try a diffrent keyword?
+          Unable to find what you're looking for?
+          <br />
+          Explore other options or
+          <Link
+            href={`${process.env.NEXT_PUBLIC_APP_URL}/about`}
+            className="text-blue-300 ml-1 underline"
+          >
+            meet our amazing team!
+          </Link>
         </p>
       </div>
     </section>

next.config.js

@@ -1,6 +1,19 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  reactStrictMode: true,
   swcMinify: true,
+  compiler: {
+    removeConsole: process.env.NODE_ENV !== "development", // Remove console.log in production
+  },
 };
 
-module.exports = nextConfig;
+// Configuration object tells the next-pwa plugin
+const withPWA = require("next-pwa")({
+  dest: "public",
+  disable: process.env.NODE_ENV === "development",
+  register: true,
+  skipWaiting: true,
+});
+
+// Export the combined configuration for Next.js with PWA support
+module.exports = withPWA(nextConfig);