refactor: modify Projects section

Author: babblebey

components/project-card.tsx

@@ -44,8 +44,7 @@ export function ProjectCard({ title, desc, image, category, url, linkText }: Pro
       </CardHeader>
       <CardContent>
         <div className="flex justify-between text-sm text-muted-foreground">
-          <div className="flex items-center py-1 px-2 rounded border text-uppercase">
-            {/* <CircleIcon className="mr-1 h-3 w-3 fill-sky-400 text-sky-400" /> */}
+          <div className="flex items-center">
             { categories.filter((c) => c.title === category).map((cat, i) => {
                 const Icon = Icons[cat.icon as keyof typeof Icons];
                 return (
@@ -56,7 +55,6 @@ export function ProjectCard({ title, desc, image, category, url, linkText }: Pro
               }
             ) }
           </div>
-          {/* <StarIcon className="mr-1 h-3 w-3" /> */}
           <Link href={url} className="flex items-center hover:underline" target="_blank">
             { linkText }
             <Icons.externalLink className="ml-1 h-3 w-3" />

data/projects.ts

@@ -1,44 +1,46 @@
-export const categories = [
+import { Project, ProjectCategoryObj } from "@/types";
+
+export const categories: ProjectCategoryObj[] = [
   {
-    title: "itbey",
+    title: "itbey Co.",
     icon: "briefcase",
-    desc: ""
+    desc: "In-production projects crafted for businesses at itbey Co."
   },
   {
     title: "hack",
     icon: "lightbulb",
-    desc: ""
+    desc: "Some 'dumb' ideas I have played or currently playing with."
   },
   {
     title: "tool",
     icon: "tool",
-    desc: ""
+    desc: "Tools that I've created to remove repitition from my workflow."
   },
 ]
 
-export const projects = [
+export const projects: Project[] = [
   {
     title: "RobustHR",
     url: "https://robusthr.com",
     linkText: "View Website",
     image: "/robusthr.png",
     desc: "A product website for an all-in-one HR management software.",
-    category: "itbey"
+    category: "itbey Co."
   },
   {
     title: "Multifreight Nig. Ltd.",
     url: "https://multifreightnig.com",
     linkText: "View Website",
     image: "/mfn.png",
     desc: "A website developed for logistic and supply chain company in Nigeria.",
-    category: "itbey"
+    category: "itbey Co."
   },
   {
     title: "Cybernetics Oil (CISL)",
     url: "https://cyberneticsoil.com/",
     linkText: "Visit Website",
     image: "/cisl.png",
     desc: "A website developed for a petroleum products trading company in Nigeria.",
-    category: "itbey"
+    category: "itbey Co."
   },
 ];

types/index.d.ts

@@ -26,4 +26,21 @@ export type NavConfig = {
   items: MainNavItem[]
 }
 
-export type Quote = string
+export type Quote = string
+
+export type Project = {
+  title: string
+  url: string
+  linkText: string
+  image: string
+  desc: string
+  category: ProjectCategory
+}
+
+export type ProjectCategoryObj = {
+  title: ProjectCategory
+  icon: string
+  desc: string
+}
+
+export type ProjectCategory = "itbey Co." | "hack" | "tool"