Merge branch 'main' into main

HimanshuNarware · Jul 27, 2024 · cc1952c · cc1952c
2 parents d32570f + 481d3b5
commit cc1952c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 2 deletions.
diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -31,6 +31,7 @@ const Movie = lazy(() => import("./pages/Movie"));
 const Extension = lazy(() => import("./pages/Extension"));
 const EthicalHacking = lazy(() => import("./pages/EthicalHacking"));
 const FrontendTools = lazy(() => import("./pages/FrontendTools"));
+const BackendTools = lazy(() => import("./pages/BackendTools"));
 const Faq = lazy(() => import("./Component/Faq"));
 const CodingPlatform = lazy(() => import("./pages/CodingPlatform"));
 const CoursesPlatform = lazy(() => import("./pages/CoursesPlatform"));
@@ -73,6 +74,7 @@ function App() {
           <Route path="/extension" element={<Extension />} />
           <Route path="/ui-design" element={<UI />} />
           <Route path="/front-end-tools" element={<FrontendTools />} />
+          <Route path="/back-end-tools" element={<BackendTools />} />
           <Route path="/ethical-hacking" element={<EthicalHacking />} />
           <Route path="/coding-platform" element={<CodingPlatform />} />
           <Route path="/courses-platform" element={<CoursesPlatform />} />

diff --git a/frontend/src/DB/product.json b/frontend/src/DB/product.json
@@ -1,4 +1,11 @@
 [
+  {
+    "productName": "Codepen",
+    "category": "UI",
+    "image": "https://blog.expertrec.com/wp-content/webp-express/webp-images/uploads/2019/06/Codepen.png.webp",
+    "link": "https://codepen.io/",
+    "description": "CodePen is an ideal environment for web developers and designers to prototype their ideas quickly. Whether sketching out a new design concept, testing a unique user interface, or experimenting with code, CodePen's live preview feature lets you see the results in real time."
+  },
   {
     "productName": "Starknet",
     "category": "Web",
@@ -4408,6 +4415,13 @@
     "link": "https://techdevguide.withgoogle.com/",
     "description": "The Google Tech Dev Guide is a free resource offering tools, videos, and exercises to help developers improve their coding skills and prepare for technical interviews."
   },
+  {
+  "productName": "LinkedIn",
+  "category": "remote",
+  "image": "https://i.pinimg.com/736x/0c/78/d0/0c78d03cbfa19d5f3d7ad1b6e49f957b.jpg",
+  "link": "https://www.linkedin.com/",
+  "description": "LinkedIn is the world's largest professional network with millions of members, offering remote job opportunities across various industries. It provides a platform for professionals to connect, share, and grow their careers."
+},
   {
   "productName": "Integromat",
   "category": "tools",
@@ -4806,5 +4820,12 @@
     "image": "https://github.com/user-attachments/assets/88dc7276-c98e-433e-8cf6-6d3dfb11eafb",
     "link": "https://security-camera-ai.vercel.app/",
     "description": "AI powered security camera for video surveillance."
+  },
+  {
+     "productName": "Code Triage",
+    "category": "tools",
+    "image": "https://shorturl.at/tNMy8",
+    "link": "https://www.codetriage.com/",
+    "description": "A site that helps you find open-source projects to contribute to by delivering issues directly to your inbox."
   }
-]
+]
diff --git a/frontend/src/pages/BackendTools.jsx b/frontend/src/pages/BackendTools.jsx
@@ -76,7 +76,7 @@ const tools = [
 const BackendTools = () => {
   return (
     <div className="frontend-tools">
-    <h1 className="title" style={{marginTop:'60px',color:'white'}}>Backend Tools</h1>
+    <h1 className="title" style={{marginTop:'60px',color:'blue'}}>Backend Tools</h1>
     <div className="tools-grid">
       {tools.map((tool, index) => (
         <div key={index} className="tool-card">