add documentations and open source projects

package.json

@@ -19,7 +19,7 @@
     "react-helmet": "^6.1.0",
     "react-icons": "^5.4.0",
     "react-router-dom": "^6.22.0",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
     "sitemap": "^8.0.0",
     "web-vitals": "^3.5.2"
   },

src/App.js

@@ -14,7 +14,7 @@ import Discussions from './Page/Discussions.jsx';
 import Documentation from './Resouces_Pages/Documentation.jsx';
 import ProgrammingLanguages from './Resouces_Pages/ProgrammingLanguages.jsx';
 import TechNotes from './Resouces_Pages/TechNotes.jsx';
-import DevSpring from './src/Page/DevSpring.jsx';
+import DevSpring from './Page/DevSpring.jsx';
 import AITools from './Resouces_Pages/AITools.jsx';
 import OpenSource from './Resouces_Pages/OpenSource.jsx';
 import RoadmapGuide from './Resouces_Pages/RoadmapGuide.jsx';

src/Resouces_Pages/AITools.jsx

@@ -55,6 +55,24 @@ const aiTools = [
     ],
     url: 'https://runwayml.com/',
   },
+  {
+    title : 'DeepAI',
+    description : 'DeepAI offers a range of AI tools and APIs for image recognition, text analysis, and more.',
+    features : ['Image recognition', 'Text analysis', 'Face recognition', 'AI-generated art'],
+    url : 'https://deepai.org/'
+  },
+  {
+    title: 'GitHub Copilot',
+    description: 'GitHub Copilot is an AI-powered code completion tool that helps developers write code faster and more efficiently.',
+    features: ['Code completion', 'Contextual suggestions', 'Support for multiple languages'],
+    url: 'https://github.com/features/copilot'
+  },
+  {
+    title : 'Microsoft Azure Cognitive Services',
+    description : 'Microsoft Azure Cognitive Services offers a wide range of AI services for vision, speech, language, and decision-making.',
+    features : ['Computer vision', 'Speech recognition', 'Language understanding', 'Decision-making APIs'],
+    url : 'https://azure.microsoft.com/en-us/services/cognitive-services/'
+  }
 ];
 
 const AITools = () => {

src/Resouces_Pages/Documentation.jsx

@@ -59,6 +59,34 @@ const resources = [
     description: 'Fast, unopinionated, minimalist web framework for Node.js.',
     link: 'https://expressjs.com/en/starter/installing.html',
   },
+  {
+    id: 9,
+    name: 'Next.js',
+    logo: 'https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/nextdotjs.svg',
+    description: 'The React Framework for Production.',
+    link: 'https://nextjs.org/docs',
+  },
+  {
+    id: 10,
+    name: 'Redux',
+    logo: 'https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/redux.svg',
+    description: 'A Predictable State Container for JS Apps.',
+    link: 'https://redux.js.org/introduction/getting-started',
+  },
+  {
+    id: 11,
+    name: 'Jest',
+    logo: 'https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/jest.svg',
+    description: 'Delightful JavaScript Testing.',
+    link: 'https://jestjs.io/docs/getting-started',
+  },
+  {
+    id: 12,
+    name:'Material-UI',
+    logo: 'https://cdn.jsdelivr.net/npm/simple-icons/icons/materialui.svg',
+    description: 'React components for faster and easier web development.',
+    link: 'https://mui.com/getting-started/installation/',
+  }
 ];
 
 const Documentation = () => {

src/Resouces_Pages/OpenSource.jsx

@@ -104,6 +104,43 @@ const openSourceProjects = [
       'The Odin Project offers a free full-stack web development curriculum that includes projects and challenges to master web development.',
     url: 'https://github.com/TheOdinProject',
   },
+  {
+    title: 'novu',
+    description:
+      'Open-Source Notification Platform. Embeddable Notification Center, E-mail, Push and Slack Integrations.',
+    url: 'https://github.com/novuhq/novu',
+  },
+  {
+    title: 'Excalidraw',
+    description:
+      'Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.',
+    url: 'https://github.com/excalidraw/excalidraw',
+  },
+  {
+    title:'Appwrite',
+    description: 'Appwrite is an open-source backend-as-a-service platform that simplifies cloud services for mobile and web developers.',
+    url: 'https://github.com/appwrite/appwrite',
+  },
+  {
+    title: 'Meshery',
+    description: 'Meshery is an open-source project that helps manage and operate service meshes, which are used for controlling communications in microservices.',
+    url: 'https://github.com/meshery/meshery',
+  },
+  {
+    title: 'Daytona',
+    description: 'The Open Source Development Environment Manager for Developers.',
+    url: 'https://github.com/daytonaio/daytona',
+  },
+  {
+    title: 'CopilotKit',
+    description: 'CopilotKit is an open-source project that provides a collection of tools and utilities for developers.',
+    url: 'https://github.com/CopilotKit/CopilotKit',
+  },
+  {
+    title: 'ToolJet',
+    description: 'ToolJet is an open-source low-code platform that helps you build internal tools quickly without writing code.',
+    url: 'https://github.com/ToolJet/ToolJet',
+  }
 ];
 
 const OpenSource = () => {

src/Resouces_Pages/ProgrammingLanguages.jsx

@@ -39,6 +39,36 @@ const courses = [
     description: 'Learn the basics of the Rust programming language with practical examples.',
     url: 'https://www.udemy.com/course/rust-programming-for-beginners/',
   },
+  {
+    title: 'SQL for Data Science',
+    provider: 'Coursera',
+    description: 'Master SQL, the standard language for relational database management systems.',
+    url: 'https://www.coursera.org/learn/sql-for-data-science',
+  },
+  {
+    title: 'Machine Learning',
+    provider: 'Coursera',
+    description: 'Learn machine learning concepts and algorithms from Stanford University professors.',
+    url: 'https://www.coursera.org/learn/machine-learning',
+  },
+  {
+    title: 'Web Development Bootcamp',
+    provider: 'Udemy',
+    description: 'Comprehensive course on web development covering HTML, CSS, JavaScript, and more.',
+    url: 'https://www.udemy.com/course/the-web-developer-bootcamp/',
+  },
+  {
+    title: 'Data Structures and Algorithms',
+    provider: 'edX',
+    description: 'Learn the fundamentals of data structures and algorithms to solve complex problems.',
+    url: 'https://www.edx.org/course/data-structures-and-algorithms',
+  },
+  {
+    title: 'React - The Complete Guide 2025 (incl. Next.js, Redux)',
+    provider: 'Udemy',
+    description: 'Master React and its ecosystem with this comprehensive course covering Next.js and Redux.',
+    url: 'https://www.udemy.com/course/react-the-complete-guide-incl-redux/',
+  }
 ];
 
 const ProgrammingLanguages = () => {