feat: add Pickleball Research project and make githubUrl optional

- Make githubUrl optional in Project type (index.ts)
- Conditionally render GitHub links in all 4 view locations (Projects.tsx)
- Add project #28 Pickleball Research with empty githubUrl and live URL

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: davidagustin

src/components/Projects.tsx

@@ -246,16 +246,18 @@ const CarouselView: React.FC<{
                     )}
                   </div>
                   <div className="flex items-center gap-3 pt-3 border-t border-surface-100 dark:border-surface-700">
-                    <a
-                      href={project.githubUrl}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      onClick={(e) => e.stopPropagation()}
-                      className="inline-flex items-center gap-1.5 text-xs font-medium text-surface-500 hover:text-surface-900 dark:hover:text-white transition-colors"
-                    >
-                      <FaGithub className="text-sm" />
-                      Code
-                    </a>
+                    {project.githubUrl && (
+                      <a
+                        href={project.githubUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        onClick={(e) => e.stopPropagation()}
+                        className="inline-flex items-center gap-1.5 text-xs font-medium text-surface-500 hover:text-surface-900 dark:hover:text-white transition-colors"
+                      >
+                        <FaGithub className="text-sm" />
+                        Code
+                      </a>
+                    )}
                     {project.liveUrl && (
                       <a
                         href={project.liveUrl}
@@ -388,16 +390,18 @@ const TableView: React.FC<{
               </td>
               <td className="px-5 py-6 text-right">
                 <div className="flex items-center justify-end gap-3">
-                  <a
-                    href={project.githubUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    onClick={(e) => e.stopPropagation()}
-                    className="p-2 rounded-lg text-surface-400 hover:text-surface-900 dark:hover:text-white hover:bg-surface-100 dark:hover:bg-surface-700 transition-colors"
-                    aria-label={`${project.title} source code`}
-                  >
-                    <FaGithub className="text-base" />
-                  </a>
+                  {project.githubUrl && (
+                    <a
+                      href={project.githubUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      onClick={(e) => e.stopPropagation()}
+                      className="p-2 rounded-lg text-surface-400 hover:text-surface-900 dark:hover:text-white hover:bg-surface-100 dark:hover:bg-surface-700 transition-colors"
+                      aria-label={`${project.title} source code`}
+                    >
+                      <FaGithub className="text-base" />
+                    </a>
+                  )}
                   {project.liveUrl && (
                     <a
                       href={project.liveUrl}
@@ -489,16 +493,18 @@ const GridView: React.FC<{
             </ul>
 
             <div className="flex items-center gap-3 pt-4 border-t border-surface-100 dark:border-surface-700">
-              <a
-                href={project.githubUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                onClick={(e) => e.stopPropagation()}
-                className="inline-flex items-center gap-1.5 text-xs font-medium text-surface-500 hover:text-surface-900 dark:hover:text-white transition-colors"
-              >
-                <FaGithub className="text-sm" />
-                Code
-              </a>
+              {project.githubUrl && (
+                <a
+                  href={project.githubUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  onClick={(e) => e.stopPropagation()}
+                  className="inline-flex items-center gap-1.5 text-xs font-medium text-surface-500 hover:text-surface-900 dark:hover:text-white transition-colors"
+                >
+                  <FaGithub className="text-sm" />
+                  Code
+                </a>
+              )}
               {project.liveUrl && (
                 <a
                   href={project.liveUrl}
@@ -828,15 +834,17 @@ const Projects: React.FC = () => {
                 </div>
 
                 <div className="flex flex-wrap items-center gap-3 pt-6 border-t border-surface-100 dark:border-surface-800">
-                  <a
-                    href={selectedProject.githubUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="inline-flex items-center gap-2 px-5 py-2.5 bg-surface-900 dark:bg-white text-white dark:text-surface-900 rounded-lg text-sm font-medium hover:bg-surface-800 dark:hover:bg-surface-100 transition-colors"
-                  >
-                    <FaGithub />
-                    View Code
-                  </a>
+                  {selectedProject.githubUrl && (
+                    <a
+                      href={selectedProject.githubUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="inline-flex items-center gap-2 px-5 py-2.5 bg-surface-900 dark:bg-white text-white dark:text-surface-900 rounded-lg text-sm font-medium hover:bg-surface-800 dark:hover:bg-surface-100 transition-colors"
+                    >
+                      <FaGithub />
+                      View Code
+                    </a>
+                  )}
                   {selectedProject.liveUrl && (
                     <a
                       href={selectedProject.liveUrl}

src/types/index.ts

@@ -10,7 +10,7 @@ export interface Project {
   title: string;
   description: string;
   technologies: string[];
-  githubUrl: string;
+  githubUrl?: string;
   liveUrl?: string;
   category: string;
   features: string[];

src/utils/constants.ts

@@ -813,4 +813,38 @@ export const PROJECTS: Project[] = [
       techDetails: 'Turborepo 2.0 monorepo with Expo 52 (React Native 0.76), Fastify 5, Socket.IO 4.8 + Redis adapter, Prisma 5.20 (PostgreSQL 16), Zustand 4.5, chess.js, NativeWind 4.1. Terraform for AWS, Nginx reverse proxy with SSL, and GitHub Actions CI/CD.',
     },
   },
+  {
+    id: 28,
+    title: 'Pickleball Research',
+    description:
+      'The most comprehensive pickleball research platform on the web. 31 interactive pages covering 587 paddles, 160+ pro athletes, 130+ drills, 16 illustrated plays, live PPA tournament data, a tactical whiteboard, paddle physics simulator, paddle builder with 3D rendering, strategy decision trees, and a 46,000-line digital magazine. All data visualizations are hand-coded SVG with zero charting libraries.',
+    technologies: ['Next.js 16', 'React 19', 'TypeScript 5', 'Tailwind CSS 4', 'Puppeteer', 'Cloudflare Workers'],
+    githubUrl: '',
+    liveUrl: 'https://pickleball-research.vercel.app',
+    category: 'Research',
+    features: [
+      '587 Paddle Database',
+      '160+ Pro Athletes',
+      '130+ Drills Library',
+      'Live Tournament Data',
+      'Tactical Whiteboard',
+      'Paddle Physics Lab',
+    ],
+    readmeHighlights: {
+      overview: 'The most comprehensive pickleball research platform — every shot, technique, pro player, paddle dimension, drill, and strategy in one place. 31 interactive pages with 100,000+ lines of code, custom SVG visualizations, and live PPA Tour data.',
+      highlights: [
+        '587 paddles from 36+ brands with card/table/radar views, multi-axis filters, and side-by-side comparison',
+        '160+ PPA pro athlete profiles with DUPR, ELO, win rates, archetype classification, and gear data',
+        '130+ drills across 11 categories with difficulty filters, impact ratings, video links, and save-to-collection',
+        'Interactive paddle lab with clock-face weight simulator, real-time physics (swing wt, twist wt, balance), and 3D rotation',
+        'Paddle builder: design from scratch with core/face/construction options, 6-axis performance scoring, and player fit analysis',
+        'Tactical whiteboard with drag-and-drop players, 7 drawing tools, shot stamps, and undo/redo',
+        '16 illustrated playbook plays with animated SVG court diagrams and movement paths',
+        'Live PPA tournament data with match tickers, brackets, rankings across 6 categories, and event schedules',
+        '46,000-line interactive digital magazine (Pickleball 101) with collapsible TOC and dual view modes',
+        'Strategy decision tree engine with branching shot-selection and confidence percentages',
+      ],
+      techDetails: 'Next.js 16 App Router with React 19, TypeScript 5, Tailwind CSS 4. Puppeteer data collection scripts, PPA Tour API proxy with in-memory caching, custom SVG visualizations (zero charting libraries), localStorage persistence with CSV import/export. Deployed on Cloudflare Workers via OpenNextJS adapter.',
+    },
+  },
 ];