HimanshuNarware · ayush-848 · Jun 5, 2024 · Jun 7, 2024 · Jun 11, 2024 · Jun 12, 2024
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -6,41 +6,41 @@
     "@fortawesome/free-brands-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
+    "@reduxjs/toolkit": "^2.2.5",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
     "@mui/material": "^5.15.20",
     "@mui/styled-engine-sc": "^6.0.0-alpha.18",
-    "@reduxjs/toolkit": "^1.9.5",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "antd": "^5.6.4",
+    "antd": "^5.18.3",
     "aos": "^2.3.4",
     "axios": "^1.7.2",
-    "bootstrap": "^5.3.2",
+    "bootstrap": "^5.3.3",
     "cheerio": "^1.0.0-rc.12",
     "darkmode-js": "^1.5.7",
     "dotenv": "^16.4.5",
-    "express": "^4.18.2",
+    "express": "^4.19.2",
     "lottie-react": "^2.4.0",
-    "mongodb": "^6.2.0",
+    "mongodb": "^6.7.0",
     "pagination": "^0.4.6",
     "react": "^18.3.1",
     "react-accessible-accordion": "^5.0.0",
     "react-chatbot-kit": "^2.2.2",
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.1",
-    "react-icons": "^4.12.0",
-    "react-loading-skeleton": "^3.4.0",
+    "react-icons": "^5.2.1",
     "react-paginate": "^8.2.0",
-    "react-parallax-tilt": "^1.7.228",
-    "react-redux": "^8.1.2",
-    "react-router-dom": "^6.16.0",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.1",
     "react-scripts": "^5.0.1",
     "react-spinners": "^0.13.8",
     "react-toastify": "^10.0.5",
+    "web-vitals": "^4.2.0",
+    "react-loading-skeleton": "^3.4.0",
+    "react-parallax-tilt": "^1.7.228",
     "styled-components": "^6.1.11",
-    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -1,6 +1,11 @@
 import React, { useState, useEffect } from "react";
-import { Route, Routes } from "react-router-dom"; // Correct import
+import { Route, Routes } from "react-router-dom";
+import AOS from "aos";
+import "aos/dist/aos.css";
+import { Toaster } from "react-hot-toast";
 import "./App.css";
+
+// Components
 import About from "./Component/About";
 import Footer from "./Component/Footer";
 import Rateus from "./Component/Rateus";
@@ -11,34 +16,36 @@ import NotFound from "./Component/NotFound";
 import BackToTopButton from "./Component/BackToTopButton";
 import OpenSource from "./Component/OpenSource";
 import Review from "./Component/Review";
-import AOS from "aos";
-import "aos/dist/aos.css";
-import { Toaster } from "react-hot-toast";
-import BookMark from "./Component/BookMark";
+import Faq from "./Component/Faq";
 import ScrollToTop from "./Component/ScrollToTop";
+import TrailingCursor from "./Component/TrailingCursor/TrailingCursor.jsx";
+import BookMark from "./Component/BookMark";
 import Contact from "./Component/Contact";
-//cards
+import FrontendTools from "./pages/FrontendTools.jsx";
+
+// Pages
 import RemoteJobs from "./pages/RemoteJobs";
 import AI from "./pages/AI";
 import UI from "./pages/UI";
 import Movie from "./pages/Movie";
 import Extension from "./pages/Extension";
 import EthicalHacking from "./pages/EthicalHacking";
-import FrontendTools from "./pages/FrontendTools";
-import Faq from "./Component/Faq";
-import CodingPlatform from "./pages/CodingPlatform"; // Corrected import
+import CodingPlatform from "./pages/CodingPlatform";
 import CoursesPlatform from "./pages/CoursesPlatform";
-import TrailingCursor from "./Component/TrailingCursor/TrailingCursor";
+import Productivity from "./pages/Productivity";
+import Collaboration from "./pages/Collaboration";
 
 function App() {
   const [searchQuery, setSearchQuery] = useState("");
+
   useEffect(() => {
     AOS.init();
   }, []);
+
   return (
     <>
       <ScrollToTop />
-      <TrailingCursor/>
+      <TrailingCursor />
       <Navbar setSearchQuery={setSearchQuery} />
       <Routes>
         <Route path="/" element={<Home searchQuery={searchQuery} />} />
@@ -58,7 +65,9 @@ function App() {
         <Route path="/ethical-hacking" element={<EthicalHacking />} />
         <Route path="/coding-platform" element={<CodingPlatform />} />
         <Route path="/courses-platform" element={<CoursesPlatform />} />
-        {/* Define other routes as needed */}
+        <Route path="/productivity-tools" element={<Productivity />} />
+        <Route path="/collaboration-tools" element={<Collaboration />} />
+
         <Route path="*" element={<NotFound />} /> {/* 404 route */}
       </Routes>
       <BackToTopButton />

diff --git a/frontend/src/ChatAssistant/ChatAssistant.jsx b/frontend/src/ChatAssistant/ChatAssistant.jsx
@@ -22,25 +22,7 @@ const ChatAssistant = () => {
 
   return (
     <div className='chatbot'>
-
-      <img
-        className='Logo'
-        src={chatbotLogo}
-        alt='Logo'
-        onClick={toggleChatbot}
-        onMouseEnter={() => (document.querySelector(".Logo").src = chatbotLogo1)}
-        onMouseLeave={() => (document.querySelector(".Logo").src = chatbotLogo)}
-      />
-
-      {/* {!isOpen && ( // Conditionally render the logo if the chatbot is closed
-    <div className='chatbot'>l
       {!isOpen && ( // Conditionally render the logo if the chatbot is closed
-
-
-      //{!isOpen && (
-
-
-
         <img
           className='Logo'
           src={logoSrc}
@@ -49,7 +31,7 @@ const ChatAssistant = () => {
           onMouseEnter={() => setLogoSrc(chatbotLogo1)}
           onMouseLeave={() => setLogoSrc(chatbotLogo)}
         />
-      )} */}
+      )}
       {isOpen && (
         <div className={`chatbot-wrapper ${isOpen ? 'chatbot-animation' : 'chatbot-close-animation'}`}>
           <button className='close-button' onClick={closeChatbot}>
@@ -66,4 +48,4 @@ const ChatAssistant = () => {
   );
 };
 
-export default ChatAssistant;
+export default ChatAssistant;
diff --git a/frontend/src/Component/Footer.js b/frontend/src/Component/Footer.js
@@ -1,27 +1,23 @@
 import React from "react";
 import logo from "../image/logo1.png";
 import "../style/Footer.css";
-
-import { BsLinkedin } from "react-icons/bs";
-
-import { FaGithubSquare, FaLinkedin } from "react-icons/fa";
-import { FaSquareXTwitter } from "react-icons/fa6";
+import { FaGithubSquare, FaTwitter, FaLinkedin } from "react-icons/fa";
 import { SiGmail } from "react-icons/si";
 import { Link } from "react-router-dom";
 
 function Footer() {
   return (
     <footer>
-      <div className='Footer'>
-        <div className='container'>
-          <div className='row'>
-            <div className='col-md-6 col-lg-4 col-12 ft-1'>
-              <a href='https://www.devlabsstore.tech/'>
-                <img width={209} src={logo} alt='devlabs' />
+      <div className="Footer">
+        <div className="container">
+          <div className="row">
+            <div className="col-md-6 col-lg-4 col-12 ft-1">
+              <a href="https://www.devlabsstore.tech/">
+                <img width={209} src={logo} alt="devlabs" />
               </a>
               <h5>
                 Facing an issue or just <br />
-                enjoying the site?{" "}
+                enjoying the site?
               </h5>
               <button>
                 <Link to="/review">Tell us now</Link>
@@ -30,57 +26,71 @@ function Footer() {
             <div className="col-md-6 col-lg-3 col-12 ft-2">
               <h5>Company</h5>
               <ul>
-
-                <li className="nav-item">
-                  </li>
+                <li>
+                  <a href="https://www.devlabsstore.tech/">Home</a>
+                </li>
+                <li>
+                  <a href="https://www.devlabsstore.tech/about">About Us</a>
+                </li>
+                <li>
+                  <a href="https://www.devlabsstore.tech/bookmark">Bookmark</a>
+                </li>
+                <li>
+                  <a href="https://www.linkedin.com/in/himanshunarware/">Contact</a>
+                </li>
+                <li>
+                  <a href="https://www.devlabsstore.tech/open-source">Open Source</a>
+                </li>
+                <li>
+                  <a href="https://github.com/HimanshuNarware/Devlabs">Contribute Here</a>
+                </li>
               </ul>
             </div>
-            <div className="col-md-6 col-lg-3 col-12 ft-2">
+            <div className="col-md-6 col-lg-3 col-12 ft-3">
               <h5>Quick Links</h5>
               <ul>
-                <li className="nav-item">
-                  <a href="/remote-jobs">Remote Jobs</a>
+                <li>
+                  <Link to="/remote-jobs">Remote Jobs</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/ai">AI</a>
+                <li>
+                  <Link to="/ai">AI</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/movies-series">Movie/Series</a>
+                <li>
+                  <Link to="/movies-series">Movie/Series</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/extension">Extension</a>
+                <li>
+                  <Link to="/extension">Extension</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/ui-design">UI Design</a>
+                <li>
+                  <Link to="/ui-design">UI Design</Link>
                 </li>
               </ul>
             </div>
             <div className="col-md-6 col-lg-2 col-12 ft-4">
               <h5>Explore</h5>
               <ul>
-                <li className="nav-item">
-                  <a href="/front-end-tools">Frontend Tools</a>
+                <li>
+                  <Link to="/front-end-tools">Frontend Tools</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/ethical-hacking">Ethical Hacking</a>
+                <li>
+                  <Link to="/ethical-hacking">Ethical Hacking</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/coding-platform">Coding Platforms</a>
+                <li>
+                  <Link to="/coding-platform">Coding Platforms</Link>
                 </li>
-                <li className="nav-item">
-                  <a href="/courses-platform">Course Platforms</a>
+                <li>
+                  <Link to="/courses-platform">Course Platforms</Link>
                 </li>
               </ul>
             </div>
           </div>
         </div>
       </div>
-
       <div className="Last-footer">
         <div className="container">
           <div className="row justify-content-center">
             <div className="col-md-6 col-12 ft-1">
-              <div className="text-center fs-6 my-3 ">
+              <div className="text-center fs-6 my-3">
                 COPYRIGHT © Devlaps 2024 | <br /> MAINTAINED BY HIMANSHU NARWARE
               </div>
               <div className="footer-icon mb-2">
@@ -96,7 +106,7 @@ function Footer() {
                   rel="noreferrer"
                   target="_blank"
                 >
-                  <FaSquareXTwitter className="text-white mx-1 fs-4" />
+                  <FaTwitter className="text-white mx-1 fs-4" />
                 </a>
                 <a
                   href="mailto:himanshunarware77@gmail.com"

diff --git a/frontend/src/DB/product.json b/frontend/src/DB/product.json
@@ -3232,15 +3232,11 @@
 		"description": "Programiz is an online platform providing tutorials and practice exercises for learning programming languages and concepts."
 	},
   {
-    "productName": "GDB Complier",
-		"category": "tools",
-		"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSoVkGVMy_0IqO3kAufaY9AC_JAsvlo9DfAbg&s",
-		"link": "https://www.onlinegdb.com/",
-		"desciption": "The GDB Online Compiler provides an interactive platform to compile and debug programs using the GNU Debugger (GDB) directly in a web browser."
-
-
-
-
+    "productName": "GDB Compiler",
+    "category": "tools",
+    "image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSoVkGVMy_0IqO3kAufaY9AC_JAsvlo9DfAbg&s",
+    "link": "https://www.onlinegdb.com/",
+    "description": "The GDB Online Compiler provides an interactive platform to compile and debug programs using the GNU Debugger (GDB) directly in a web browser."
 
 	},
   {

diff --git a/frontend/src/index.js b/frontend/src/index.js
@@ -1,13 +1,14 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import "./index.css";
 import { Provider } from "react-redux";
 import store from "./Store/store";
+import Darkmode from "darkmode-js";
+import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import App from "./App";
-import { ToastContainer } from "react-toastify";
-import Darkmode from "darkmode-js";
 import { BrowserRouter } from "react-router-dom";
+import Preloader from "./Component/Preloader";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 
@@ -16,9 +17,9 @@ const options = {
   left: "15px",
   time: "0.5s",
   mixColor: "#fff",
-  backgroundColor: "#fff",
-  buttonColorDark: "#f0f0f0",
-  buttonColorLight: "#100f2c",
+  backgroundColor: "#051626",
+  buttonColorDark: "#8758f6",
+  buttonColorLight: "#FFFBF5",
   saveInCookies: true,
   label: "🌓",
   autoMatchOsTheme: true,
@@ -30,6 +31,8 @@ darkmode.showWidget();
 root.render(
   <Provider store={store}>
     <BrowserRouter>
+      <Preloader />
+
       <App />
       <ToastContainer />
     </BrowserRouter>