responsive navigation menu added

.eslintrc.yml

@@ -74,4 +74,4 @@ overrides:
                                       ["^\\u0000"],
                                   ] }],
               },
-      }
+      }

.lintstagedrc.js

@@ -8,4 +8,4 @@ module.exports = {
     '**/*.(ts|tsx)': () => 'pnpm tsc --noEmit',
     '**/*.{js,jsx,ts,tsx}': buildEslintCommand,
     '**/*.(md|json)': filenames => `pnpm prettier --write ${filenames.join(' ')}`,
-};
+};

.prettierrc

@@ -6,4 +6,4 @@
     "tabWidth": 4,
     "trailingComma": "es5",
     "plugins": ["prettier-plugin-tailwindcss"]
-}
+}

README.md

@@ -23,17 +23,20 @@ This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-opti
 ## Update the Dependencies
 
 NextJS default dependencies
+
 ```shell
 pnpm update next react react-dom
 ```
 
 These are also NextJS's default but I've segregated these into devDependencies
+
 ```shell
 pnpm update -D @types/node @types/react @types/react-dom autoprefixer eslint eslint-config-next postcss tailwindcss typescript
 ```
 
 Linting and Husky Dependencies<br/>
 📝 Updating the linting dependencies may break the linting flow in that case you should keep the current version of these dependencies.
+
 ```shell
 pnpm update -D @next/eslint-plugin-next @typescript-eslint/eslint-plugin eslint-config-google eslint-config-prettier eslint-config-standard-with-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-n eslint-plugin-prettier eslint-plugin-promise eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-simple-import-sort husky lint-staged match-sorter prettier-plugin-tailwindcss
 ```
@@ -42,8 +45,8 @@ pnpm update -D @next/eslint-plugin-next @typescript-eslint/eslint-plugin eslint-
 
 To learn more about Next.js, take a look at the following resources:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+-   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+-   [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 

components.json

@@ -0,0 +1,16 @@
+{
+    "$schema": "https://ui.shadcn.com/schema.json",
+    "style": "new-york",
+    "rsc": true,
+    "tsx": true,
+    "tailwind": {
+        "config": "tailwind.config.ts",
+        "css": "src/app/globals.css",
+        "baseColor": "zinc",
+        "cssVariables": true
+    },
+    "aliases": {
+        "components": "~/components",
+        "utils": "~/lib/utils"
+    }
+}

next.config.js

@@ -1,4 +1,5 @@
+/* eslint-disable no-undef */
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {};
 
-module.exports = nextConfig
+module.exports = nextConfig;

package.json

@@ -1,50 +1,63 @@
 {
-  "name": "starter-with-lint",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "next": "13.4.19",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
-  },
-  "devDependencies": {
-    "@next/eslint-plugin-next": "^13.4.19",
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.22",
-    "@types/react-dom": "18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "autoprefixer": "10.4.15",
-    "eslint": "8.49.0",
-    "eslint-config-google": "^0.14.0",
-    "eslint-config-next": "13.4.19",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-config-standard-with-typescript": "^39.0.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-n": "^16.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^14.0.1",
-    "match-sorter": "^6.3.1",
-    "postcss": "8.4.30",
-    "prettier-plugin-tailwindcss": "^0.5.4",
-    "tailwindcss": "3.3.3",
-    "typescript": "5.2.2"
-  }
+    "name": "starter-with-lint",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint",
+        "check-types": "tsc --pretty --noEmit",
+        "check-format": "prettier --check .",
+        "check-lint": "eslint . --ext ts --ext tsx --ext js",
+        "format": "prettier --write .",
+        "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+        "prepare": "husky install"
+    },
+    "dependencies": {
+        "@radix-ui/react-accordion": "^1.1.2",
+        "@radix-ui/react-dropdown-menu": "^2.0.5",
+        "@radix-ui/react-icons": "^1.3.0",
+        "@radix-ui/react-navigation-menu": "^1.1.3",
+        "@radix-ui/react-slot": "^1.0.2",
+        "class-variance-authority": "^0.7.0",
+        "clsx": "^2.0.0",
+        "next": "13.4.19",
+        "next-themes": "^0.2.1",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "sharp": "^0.32.6",
+        "tailwind-merge": "^1.14.0",
+        "tailwindcss-animate": "^1.0.7",
+        "uuid": "^9.0.1"
+    },
+    "devDependencies": {
+        "@next/eslint-plugin-next": "^13.4.19",
+        "@types/node": "20.6.1",
+        "@types/react": "18.2.22",
+        "@types/react-dom": "18.2.7",
+        "@types/uuid": "^9.0.4",
+        "@typescript-eslint/eslint-plugin": "^6.7.2",
+        "autoprefixer": "10.4.15",
+        "eslint": "8.49.0",
+        "eslint-config-google": "^0.14.0",
+        "eslint-config-next": "13.4.19",
+        "eslint-config-prettier": "^9.0.0",
+        "eslint-config-standard-with-typescript": "^39.0.0",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-n": "^16.1.0",
+        "eslint-plugin-prettier": "^5.0.0",
+        "eslint-plugin-promise": "^6.1.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-simple-import-sort": "^10.0.0",
+        "husky": "^8.0.3",
+        "lint-staged": "^14.0.1",
+        "match-sorter": "^6.3.1",
+        "postcss": "8.4.30",
+        "prettier-plugin-tailwindcss": "^0.5.4",
+        "tailwindcss": "3.3.3",
+        "typescript": "5.2.2"
+    }
 }