Final Setup of Pre-commit, Prettier auto formatting and EsLint. Issue #…

…13 (#16)

* testing pre commit

* testing precommit

* more testing

* test

* test

* test

* test

* testing

* testing more

* testing

* even more testing

* test

* test er

* testert

* more testing

* test

* reverting changes

* test

* test again

* test

* test

* test

* test

* test

* test

* Precommit setup ( #13 )

* Precommit setup ( #13 )

* Precommit setup ( #13 )

* Precommit setup ( #13 )

* Precommit setup ( #13 )

* Precommit setup ( #13 )

* Final functionality check

* Delete src/app/test.js

---------

Co-authored-by: Alex Kong <[email protected]>

.eslintrc.json

@@ -1,3 +1,13 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["eslint:recommended", "next/core-web-vitals"],
+  "ignorePatterns": [
+    "node_modules/",
+    "dist/",
+    "*.json",
+    "*.html",
+    "*.css",
+    "*.md"
+    // Add other file types you want to ignore
+  ],
+  "plugins": ["@next/eslint-plugin-next"]
 }

.husky/pre-commit

@@ -1 +1 @@
-npx lint-staged
+npx lint-staged

.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+.next/
+public/

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": true,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "trailingComma": "es5",
+  "bracketSameLine": true,
+  "printWidth": 80
+}

README.md

@@ -16,18 +16,18 @@ This web-based job portal will utilize:
 - **Front-end:** React
 - **Backend:** Supabase (SQL)
 - **External APIs:**
-    - Stripe for payment processing
-    - OpenAI for LLM functionalities
-    - Auth0 for user authentication
+  - Stripe for payment processing
+  - OpenAI for LLM functionalities
+  - Auth0 for user authentication
 
 ## **Hardware/Software Requirements**
 
 - **Frontend Development:** React
 - **Backend Database Management:** Supabase (SQL)
 - **Version Control:** GitHub
 - **Development Environment:**
-    - IDE suitable for React development
-    - Web browser for testing
+  - IDE suitable for React development
+  - Web browser for testing
 - **Computational Resources:** Cloud-based infrastructure and servers to host the job boards and admin panel.
 
 ## **Current Work/Arrangement**

package.json

@@ -7,7 +7,13 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "prepare": "husky && pip install pre-commit && git config --unset-all core.hooksPath && pre-commit install"
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "**/*": [
+      "eslint --fix",
+      "prettier --write --ignore-unknown"
+    ]
   },
   "dependencies": {
     "next": "14.2.3",
@@ -16,16 +22,11 @@
   },
   "devDependencies": {
     "eslint": "^8",
-    "eslint-config-next": "14.2.3",
+    "eslint-config-next": "14.1.3",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "postcss": "^8",
+    "prettier": "3.2.5",
     "tailwindcss": "^3.4.1"
-  },
-  "lint-staged": {
-    "*/": [
-      "eslint --fix",
-      "prettier --write --ignore-unknown"
-    ]
   }
 }

src/app/layout.js

@@ -1,11 +1,11 @@
-import { Inter } from "next/font/google";
-import "./globals.css";
+import { Inter } from 'next/font/google';
+import './globals.css';
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: 'Create Next App',
+  description: 'Generated by create next app',
 };
 
 export default function RootLayout({ children }) {

src/app/page.js

@@ -1,4 +1,4 @@
-import Image from "next/image";
+import Image from 'next/image';
 
 export default function Home() {
   return (
@@ -13,9 +13,8 @@ export default function Home() {
             className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
             href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
             target="_blank"
-            rel="noopener noreferrer"
-          >
-            By{" "}
+            rel="noopener noreferrer">
+            By{' '}
             <Image
               src="/vercel.svg"
               alt="Vercel Logo"
@@ -44,10 +43,9 @@ export default function Home() {
           href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
           target="_blank"
-          rel="noopener noreferrer"
-        >
+          rel="noopener noreferrer">
           <h2 className={`mb-3 text-2xl font-semibold`}>
-            Docs{" "}
+            Docs{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
@@ -61,10 +59,9 @@ export default function Home() {
           href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
           className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800 hover:dark:bg-opacity-30"
           target="_blank"
-          rel="noopener noreferrer"
-        >
+          rel="noopener noreferrer">
           <h2 className={`mb-3 text-2xl font-semibold`}>
-            Learn{" "}
+            Learn{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
@@ -78,10 +75,9 @@ export default function Home() {
           href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
           target="_blank"
-          rel="noopener noreferrer"
-        >
+          rel="noopener noreferrer">
           <h2 className={`mb-3 text-2xl font-semibold`}>
-            Templates{" "}
+            Templates{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
@@ -95,10 +91,9 @@ export default function Home() {
           href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
           target="_blank"
-          rel="noopener noreferrer"
-        >
+          rel="noopener noreferrer">
           <h2 className={`mb-3 text-2xl font-semibold`}>
-            Deploy{" "}
+            Deploy{' '}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>