Merge branch 'main' into New2

package.json

@@ -17,6 +17,7 @@
     "@chakra-ui/react": "^2.7.1",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
+    "@vercel/analytics": "^1.0.1",
     "framer-motion": "^10.12.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/App.jsx

@@ -6,6 +6,7 @@ import BookMarks from './pages/Bookmarks'
 import NotFound from './pages/NotFound'
 import Community from './pages/Community'
 import Layout from './components/Layout'
+import {Analytics} from '@vercel/analytics/react'
 
 const ToolContext = createContext()
 const LOCAL_STORAGE_KEY = 'freehit.bookmarks'
@@ -93,6 +94,7 @@ function App() {
           </div>
         </ToolContext.Provider>
       </div>
+      <Analytics/>
     </>
   )
 }

src/DB/product.json

@@ -1,4 +1,36 @@
 [ 
+  {
+    "productName": "Slazzer",
+    "category": "ai",
+    "image": "https://tinyurl.com/mryytkp9",
+    "link": "https://www.slazzer.com/",
+    "description": "It is an amazing free tool to remove background from images."
+  },
+
+  {
+    "productName": "Remove.bg",
+    "category": "ai",
+    "image": "https://tinyurl.com/4339cvv4",
+    "link": "https://www.remove.bg/",
+    "description": "An amazing AI tool to remove background from images for free."
+  },
+
+  {
+    "productName": "AdBlocker Ultimate",
+    "category": "extensions",
+    "image": "https://tinyurl.com/3uh79sfd",
+    "link": "https://chrome.google.com/webstore/detail/adblocker-ultimate/ohahllgiabjaoigichmmfljhkcfikeof",
+    "description": "Free and improved AdBlocker Chrome extension. Completely remove ALL ads."
+  },
+
+  {
+    "productName": "Slides Go",
+    "category": "ai",
+    "image": "https://tinyurl.com/mpf29nnv",
+    "link": "https://slidesgo.com/",
+    "description": "AI tool to create presentations for free."
+  },
+
   {
     "productName": "JS Remotely",
     "category": "remote",
@@ -1898,6 +1930,13 @@
   "link": "https://fonts.google.com/",
   "description": "Free and open source font families."
 },
+{
+  "productName": "pdfFiller",
+  "category": "tools",
+  "image": "https://th.bing.com/th/id/OIP.cW8UKMnfRximKt-fla5MSAHaHa?w=168&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7",
+  "link": "https://www.pdffiller.com/?mode=view",
+  "description": "Edit, manage and share documents online."
+},
 {
   "productName": "Docker",
   "category": "tools",
@@ -3106,13 +3145,27 @@
   "link":"https://resumake.io/",
   "description":"Create Latex Type Resumes with Pre-Built Templates"
 },
+{
+  "productName":"LearnersBucket",
+  "category": "web",
+  "image": "https://rb.gy/x3mi7",
+  "link": "https://learnersbucket.com/",
+  "description":"Learn Front End Development Technologies Deeper"
+},
 {
   "productName":"Short URL",
   "category":"tools",
   "image":"https://contaxter.com/linkshortener/icon.png",
   "link":"https://www.shorturl.at/shortener.php",
   "description":"URL Shortening app"
 },
+{
+  "productName":"Vq.pe",
+  "category":"web",
+  "image":"https://vq.pe/owner/frontend/assets/img/logos/vq.png",
+  "link":"https://vq.pe/",
+  "description":"An website maker of your choosed topic in minutes."
+},
 {
   "productName": "PrepInsta",
   "category": "courses",
@@ -3154,6 +3207,76 @@
   "image": "http://surl.li/ixnin",
   "link": "https://replit.com/~",
   "description": "Replit, being Software as a Service (SaaS), allows users to create online projects."
+},
+{
+  "productName": "Prettier",
+  "category": "extensions",
+  "image": "https://prettier.io/icon.png",
+  "link": "https://prettier.io/",
+  "description": "An opinionated code formatter, Supports many languages, Integrates with most editors"
+},
+{
+  "productName":"The Odin Project",
+  "category":"web",
+  "image":"https://rb.gy/qjdy7",
+  "link":"https://www.theodinproject.com/",
+  "description":"Your Career in Web Development Starts Here"
+},
+{
+  "productName":"appypie",
+  "category":"tools",
+  "image":"https://l1nq.com/UzOJT",
+  "link":"https://www.appypie.com/design",
+  "description":"Appy Pie Design: AI-Powered No-Code Design Platform"
+},
+{
+  "productName": "Snapinsta",
+  "category": "Tools",
+  "image": "https://freeimage.host/i/HsRsSsI",
+  "link": "https://snapinsta.app/",
+  "description":"Downloads Video Instagram, Photo, Reels, Stories, IGTV online"
+},
+{
+  "productName": "Flexbox Froggy",
+  "category": "coding",
+  "image": "https://bit.ly/3JNEStq",
+  "link": "https://flexboxfroggy.com",
+  "description": "Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!"
+},
+{
+  "productName": "Guess-CSS",
+  "category": "coding",
+  "image": "https://img.freepik.com/free-icon/css_318-698167.jpg",
+  "link": "https://www.guess-css.app/",
+  "description": "Guess CSS! HTML & CSS Puzzler Game."
+},
+{
+  "productName": "CSS Speedrun",
+  "category": "coding",
+  "image": "https://bit.ly/44os5WY",
+  "link": "https://css-speedrun.netlify.app/",
+  "description": "A small fun app to test your CSS knowledge."
+},
+{
+  "productName": "Codepip",
+  "category": "coding",
+  "image": "https://bit.ly/44Et8RY",
+  "link": "https://codepip.com/",
+  "description": "Learn to code CSS by playing coding games."
+},
+{
+  "productName": "Css Dinner",
+  "category": "coding",
+  "image": "https://bit.ly/3rnEziZ",
+  "link": "https://flukeout.github.io/",
+  "description": "CSS Diner is a 32 levels game that is used to teach CSS selectors."
+},
+{
+  "productName":"Edabit",
+  "category":"tools",
+  "image":"https://rb.gy/ktnax",
+  "link":"https://edabit.com/",
+  "description":"A Better Way to Learn Programming with Different Exercises"
 }
 
 ]