feat: add project

martapanc · Oct 13, 2024 · 06f8ae5 · 06f8ae5
1 parent fb83f9f
commit 06f8ae5
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 2 deletions.
diff --git a/src/components/organisms/home/Projects.tsx b/src/components/organisms/home/Projects.tsx
@@ -28,8 +28,8 @@ const Projects = ({ projects }: ProjectsProps) => {
         style={font.style}
       >
         <RecentProjectCard project={projects[0]} reverse />
-        <RecentProjectCard project={projects[2]} />
-        <RecentProjectCard project={projects[6]} reverse />
+        <RecentProjectCard project={projects[1]} />
+        <RecentProjectCard project={projects[3]} reverse />
       </div>
 
       <div className='text-lg text-blue-950 dark:text-blue-200'>

diff --git a/src/components/organisms/projects/Icons.ts b/src/components/organisms/projects/Icons.ts
@@ -29,6 +29,7 @@ import {
   SiIeee,
   SiJavascript,
   SiNextdotjs,
+  SiPlaywright,
   SiPuppeteer,
   SiPython,
   SiReact,
@@ -52,6 +53,7 @@ export const linkIconMapping: Record<string, React.ComponentType> = {
 };
 
 export const toolIconMapping: Record<string, React.ComponentType> = {
+  agGrid: DiAndroid,
   android: DiAndroid,
   angular: FaAngular,
   apple: AiFillApple,
@@ -72,6 +74,7 @@ export const toolIconMapping: Record<string, React.ComponentType> = {
   nextjs: SiNextdotjs,
   nodejs: FaNodeJs,
   php: FaPhp,
+  playwright: SiPlaywright,
   puppeteer: SiPuppeteer,
   python: SiPython,
   raspberrypi: FaRaspberryPi,

diff --git a/src/data/projects/projects.json b/src/data/projects/projects.json
@@ -1,4 +1,25 @@
 [
+  {
+    "title": "Purrfect Price",
+    "image": {
+      "name": "purrfect-price.webp",
+      "url": "https://res.cloudinary.com/dwrurydlt/image/upload/v1728827219/purrfect-price.webp"
+    },
+    "shortDescription": "Compare cat food prices from top sellers with Purrfect Price",
+    "mediumDescription": "Purrfect Price is a tool built with NextJS, using Playwright to scrape popular cat food seller websites and AgGrid to organize, filter, and compare the best deals on various cat food brands. Whether searching for budget-friendly options or premium products, Purrfect Price helps you find the best deals effortlessly.",
+    "longDescription": "purrfect-price.md",
+    "tools": [
+      "nextjs",
+      "react",
+      "typescript",
+      "tailwind",
+      "nodejs",
+      "playwright"
+    ],
+    "date": "2024-09-01",
+    "tags": ["personal", "web", "react"],
+    "links": {}
+  },
   {
     "title": "FlexInvoice",
     "image": {

diff --git a/src/data/projects/purrfect-price.md b/src/data/projects/purrfect-price.md
@@ -0,0 +1,11 @@
+After adopting a cat for the first time, I found myself overwhelmed by the sheer number of cat food options, ranging
+from budget to premium brands. The research process was time-consuming, with prices and quality varying widely across
+different online stores. That’s what motivated me to create Purrfect Price.
+
+Purrfect Price is a tool designed to simplify this process by **scraping prices** and product details from multiple cat food
+websites. Built using **NextJS** for a dynamic frontend, the scraper is powered by **Playwright** to fetch data from popular
+websites like Zooplus. The data is then organized and displayed using **AgGrid**, allowing users to filter and compare cat
+food brands easily, helping them find the best quality/price ratio.
+
+The tool automates what would otherwise be a tedious manual process of visiting multiple sites and trying to assess
+which product offers the best value for our beloved pets, helping cat owners make more informed decisions with ease.