tweak: add countryguessr

Author: jcserv

public/countryguessr.webp

@@ -1,4 +1,27 @@
 [
+  {
+    "name": "Countryguessr",
+    "description": "Countryguessr is an interactive web application that helps players learn geography. It also supports a real-time competitive mode using an Elixir API.",
+    "pic": "/countryguessr.webp",
+    "tech": ["React", "Elixir", "TypeScript", "ShadCN", "Tailwind"],
+    "links": [
+      {
+        "label": "Website",
+        "icon": "link",
+        "url": "https://countryguessr-cet.pages.dev/"
+      },
+      {
+        "label": "UI Repo",
+        "icon": "github",
+        "url": "https://github.com/jcserv/countryguessr"
+      },
+      {
+        "label": "API Repo",
+        "icon": "github",
+        "url": "https://github.com/jcserv/countryguessr-api"
+      }
+    ]
+  },
   {
     "name": "Bling My Deck",
     "description": "Bling My Deck helps Magic: The Gathering players find the most expensive version of their favourite decks, using data from the ManaQL API. Built with a Django ETL pipeline for data ingestion from Scryfall.",

src/assets/projects.json

@@ -65,7 +65,7 @@ const sections: SearchItem[] = [
   },
 ];
 
-const projs: SearchItem[] = projects.slice(0, 4).map((proj, index) => {
+const projs: SearchItem[] = projects.slice(0, 5).map((proj, index) => {
   return {
     label: proj.name,
     content: [proj.description, proj.tech.join(", ")],

src/components/CommandBar.tsx

@@ -12,7 +12,7 @@ import { Project } from "@/types/project";
 
 import projects from "@/assets/projects.json";
 
-const FEATURED_PROJECTS_COUNT = 7;
+const FEATURED_PROJECTS_COUNT = 8;
 
 type LinkType = "github" | "youtube" | "devpost" | "link";