Merge branch 'main' into 33js

src/components/books/Index.jsx

@@ -6,6 +6,7 @@ import css from '../../database/books/css.json';
 import js from '../../database/books/javascript.json';
 import react from '../../database/books/reactjs.json';
 import tailwind from '../../database/books/tailwindcss.json';
+import nextjs from '../../database/books/nextjs.json';
 import { useLocation } from "react-router-dom";
 
 
@@ -25,7 +26,10 @@ const Index = () => {
       setData([...js]);
     } else if (filter === 'tailwind') {
       setData([...tailwind]);
-    } else {
+    }else if (filter === 'nextjs') {
+      setData([...nextjs]);
+    } 
+     else {
       setData([...react]);
     }
   }, [filter]);

src/components/challenges/Index.jsx

@@ -6,6 +6,7 @@ import css from '../../database/challenges/css.json';
 import js from '../../database/challenges/javascript.json';
 import react from '../../database/challenges/reactjs.json';
 import tailwind from '../../database/challenges/tailwindcss.json';
+import nextjs from '../../database/challenges/nextjs.json';
 import { useLocation } from "react-router-dom";
 
 
@@ -25,6 +26,8 @@ const Index = () => {
       setData([...js]);
     } else if (filter === 'tailwind') {
       setData([...tailwind]);
+    }else if (filter === 'nextjs') {
+      setData([...nextjs]);
     } else {
       setData([...react]);
     }

src/components/filter/index.jsx

@@ -41,6 +41,14 @@ const index = ({ onStateChange }) => {
         onClick={() => handleFilterChange("tailwind")}
       >
         Tailwind CSS
+      </p>
+         <p
+        className={`px-3 py-1 rounded-xl cursor-pointer bg-[#ddd]  ${
+          filter === "nextjs" ? "border" : ""
+        }`}
+        onClick={() => handleFilterChange("nextjs")}
+      >
+        NextJS
       </p>
       <p
         className={`px-3 py-1 rounded-xl cursor-pointer bg-[#ddd] text-xs lg:text-base ${

src/components/tools/Index.jsx

@@ -6,6 +6,7 @@ import css from '../../database/tools/css.json';
 import js from '../../database/tools/javascript.json';
 import react from '../../database/tools/reactjs.json';
 import tailwind from '../../database/tools/tailwindcss.json';
+import nextjs from '../../database/tools/nextjs.json';
 import { useLocation } from "react-router-dom";
 
 
@@ -24,6 +25,8 @@ const Index = () => {
       setData([...js]);
     } else if (filter === 'tailwind') {
       setData([...tailwind]);
+    }else if (filter === 'nextjs') {
+      setData([...nextjs]);
     } else {
       setData([...react]);
     }

src/components/videos/Index.jsx

@@ -6,6 +6,7 @@ import css from "../../database/videos/css.json";
 import js from "../../database/videos/javascript.json";
 import react from "../../database/videos/reactjs.json";
 import tailwind from "../../database/videos/tailwindcss.json";
+import nextjs from '../../database/videos/nextjs.json';
 import { useLocation } from "react-router-dom";
 
 const Index = () => {
@@ -24,7 +25,9 @@ const Index = () => {
       setData([...js]);
     } else if (filter === "tailwind") {
       setData([...tailwind]);
-    } else {
+    } else if (filter === "nextjs") {
+      setData([...nextjs]);
+    }  else {
       setData([...react]);
     }
   }, [filter]);

src/components/websites/Index.jsx

@@ -6,6 +6,7 @@ import css from "../../database/websites/css.json";
 import js from "../../database/websites/javascript.json";
 import react from "../../database/websites/reactjs.json";
 import tailwind from "../../database/websites/tailwindcss.json";
+import nextjs from '../../database/websites/nextjs.json';
 import { useLocation } from "react-router-dom";
 
 const Index = () => {
@@ -25,7 +26,9 @@ const Index = () => {
       setData([...react]);
     } else if (filter === "tailwind") {
       setData([...tailwind]);
-    } else {
+    } else if (filter === "nextjs") {
+      setData([...nextjs]);
+    }  else {
       setData([]); // Set empty array if no matching filter is found
     }
   }, [filter]);

src/database/books/nextjs.json

@@ -0,0 +1,9 @@
+[
+  {
+    "tag": "nextjs",
+    "title": "NextJS",
+    "description": "Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.",
+    "link": "#",
+    "img": "#"
+  }
+]

src/database/challenges/nextjs.json

@@ -0,0 +1,9 @@
+[
+  {
+    "tag": "nextjs",
+    "title": "NextJS",
+    "description": "Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.",
+    "link": "#",
+    "img": "#"
+  }
+]

src/database/editor/nextjs.json

@@ -0,0 +1,9 @@
+[
+  {
+    "tag": "nextjs",
+    "title": "NextJS",
+    "description": "Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.",
+    "link": "#",
+    "img": "#"
+  }
+]

src/database/tools/nextjs.json

@@ -0,0 +1,9 @@
+[
+  {
+    "tag": "nextjs",
+    "title": "NextJS",
+    "description": "Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.",
+    "link": "#",
+    "img": "#"
+  }
+]

src/database/videos/nextjs.json

@@ -0,0 +1,9 @@
+[
+  {
+    "tag": "nextjs",
+    "title": "NextJS",
+    "description": "Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.",
+    "link": "#",
+    "img": "#"
+  }
+]

src/database/videos/reactjs.json

@@ -57,5 +57,19 @@
     "description": "Learn react by building 10 simple projects, and get hands-on experience",
     "link": "https://www.youtube.com/playlist?list=PLPppPPmk0i3j_DW1T-UbryDVhBDgaAfEp",
     "img": "https://i.ibb.co/c38Vbzp/do-some-coding.png"
+  },
+   {
+    "tag": "react",
+    "title": "Code with Harry",
+    "description": "Complete React Course by CodeWithHarry Learn ReactJs from scratch in 2023 for FREE.",
+    "link": "https://youtube.com/playlist?list=PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt",
+    "img": "https://i.ibb.co/YkN7nCS/reactjs-codewithharry.png"
+  },
+  {
+    "tag": "react",
+    "title": "Codestoic",
+    "description": "React JS Tutorial For Beginners",
+    "link": " https://www.youtube.com/playlist?list=PLSsAz5wf2lkK_ekd0J__44KG6QoXetZza",
+    "img": "https://github.com/jayk-gupta/web-resources-project/assets/104543751/f4c1a56d-9445-4be6-a121-e87eceec04e8"
   }
 ]

src/database/websites/css.json

@@ -48,6 +48,13 @@
     "link": "http://cssgridgarden.com/",
     "img": "https://github.com/jayk-gupta/web-resources-project/assets/114330097/025e7600-b45c-40a5-9971-8275275b5758"
   },
+  {
+    "tag": "css",
+    "title": "Studytonight",
+    "description": "Discover Coding Step-by-Step: Learn interactively with simple lessons and coding exercises",
+    "link": "https://www.studytonight.com/",
+    "img": "https://rb.gy/scnw5"
+  },
   {
     "tag": "css",
     "title": "DevDocs",

src/database/websites/html.json

@@ -27,6 +27,13 @@
     "link": "https://html.com/",
     "img": "https://user-images.githubusercontent.com/100681165/238203320-9453a77d-56bc-499b-a70a-8684df7df195.png"
   },
+  {
+    "tag": "html",
+    "title": "MDN Web Docs",
+    "description": "It is a documentation repository and learning resource for web developers. It was started by Mozilla in 2005 as a unified place for documentation about open web standards, Mozilla's own projects, and developer guides.Topics include HTML5, JavaScript, CSS, Web APIs, Django, Node.js, WebExtensions, MathML, and others.",
+    "link": "https://developer.mozilla.org/en-US/docs/Web/JavaScript",
+    "img": "https://user-images.githubusercontent.com/100681165/238201937-8affcc7c-7915-4bb0-ac80-ed904fbb263a.png"
+  },
   {
     "tag": "html",
     "title": "W3Schools",
@@ -36,7 +43,13 @@
   },
   {
     "tag": "html",
-
+    "title": "Studytonight",
+    "description": "Discover Coding Step-by-Step: Learn interactively with simple lessons and coding exercises",
+    "link": "https://www.studytonight.com/",
+    "img": "https://rb.gy/scnw5"
+  },
+  {
+    "tag": "html"
     "title": "Programiz",
     "description": "Learn to code in Python, C/C++, Java, and other popular programming languages with our easy to follow tutorials, examples, online compiler and references.",
     "link": "https://www.programiz.com/",
@@ -48,6 +61,5 @@
     "description":"DevDocs combines multiple developer documentations in a clean and organized web UI with instant search, offline support, mobile version, dark theme, keyboard shortcuts, and more.",
     "link":"https://devdocs.io/html/",
     "img":"https://rb.gy/9z0te"
-
   }
 ]

src/database/websites/javascript.json

@@ -43,7 +43,13 @@
   },
   {
     "tag": "js",
-
+    "title": "Studytonight",
+    "description": "Discover Coding Step-by-Step: Learn interactively with simple lessons and coding exercises",
+    "link": "https://www.studytonight.com/",
+    "img": "https://rb.gy/scnw5"
+  },
+  {
+    "tag": "js"
     "title": "Programiz",
     "description": "Learn to code in Python, C/C++, Java, and other popular programming languages with our easy to follow tutorials, examples, online compiler and references.",
     "link": "https://www.programiz.com/",
@@ -63,7 +69,7 @@
     "link": "https://www.w3schools.com/js/",
     "img": "https://raw.githubusercontent.com/jayk-gupta/web-resources-project/main/public/images%20original/jsw_w3.png"
   },
-   {
+  {
     "tag": "js",
     "title": "33 JS Concepts",
     "description": "33 Concepts Every JavaScript Developer Should Know.",

src/database/websites/nextjs.json

@@ -0,0 +1,9 @@
+[
+  {
+    "tag": "nextjs",
+    "title": "NextJS",
+    "description": "Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.",
+    "link": "#",
+    "img": "#"
+  }
+]