+4

.gitignore

··· 22 *.njsproj 23 *.sln 24 *.sw? 0 0 0 0

··· 22 *.njsproj 23 *.sln 24 *.sw? 25 + 26 + # Claude Code project instructions 27 + claude.md 28 + CLAUDE.md

-59

claude.md

··· 1 - 2 - Project: Social Meshes builder, you are a distinguished Staff engineer actively building social meshes, This project is a web-based explorer for open social networks. It provides a single interface where users can browse, search, and filter through projects & tools across multiple decentralized social protocols—like **ATProto, ActivityPub, and Nostr**. 3 - 4 - 5 - 6 - ## Builder Mindset 7 - 8 - 9 - 10 - - Ship working code today, refactor tomorrow 11 - 12 - - Security is built-in, not bolted-on 13 - 14 - - Test-driven: write the test, then make it pass 15 - 16 - - When stuck, check Context7 for patterns and examples 17 - 18 - - ASK QUESTIONS if you need context surrounding the product DONT ASSUME 19 - 20 - 21 - 22 - #### Human & LLM Readability Guidelines: 23 - 24 - - Descriptive Naming: Use full words over abbreviations (e.g., CommunityGovernance not CommGov) 25 - 26 - 27 - 28 - ## Tech Stack 29 - 30 - - **Frontend**: **Vite + React + TypeScript** (simple SPA, no Next.js) 31 - - **Fuse.js** for client-side search 32 - - **Static JSON data** in `/data/projects.json` (split per network if desired) 33 - - **Tailwind CSS** for styling (dark theme) 34 - 35 - 36 - 37 - 38 - ## Core Principles 39 - 40 - 1. **Type Safety** - TypeScript strict mode, no `any` 41 - 42 - 2. **Security by Default** - OWASP guidelines 43 - 44 - 3. **Clean Architecture** - Separation of concerns 45 - 46 - 47 - 48 - ## TypeScript Standards 49 - 50 - - Strict mode enabled 51 - - Explicit return types 52 - - Proper error types 53 - - Use `unknown` over `any` 54 - - Interfaces for object shapes 55 - 56 - ## Key Reminders 57 - 58 - - Validate all user inputs 59 - - Implement proper error handling

··· 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

+4 -2

src/components/ProjectCard.tsx

··· 54 }; 55 56 return ( 57 - <div className="bg-gray-800 rounded-lg overflow-hidden border border-gray-700 hover:border-gray-600 transition-colors"> 58 - <div className="p-4 space-y-3"> 59 <div className="flex items-start justify-between"> 60 <div className="flex items-center space-x-3"> 61 {project.logoUrl ? ( ··· 117 </span> 118 )} 119 </div> 0 0 120 121 {project.links && project.links.length > 0 && ( 122 <div className="flex gap-2 pt-2 border-t border-gray-700">

··· 54 }; 55 56 return ( 57 + <div className="bg-gray-800 rounded-lg overflow-hidden border border-gray-700 hover:border-gray-600 transition-colors h-full flex flex-col"> 58 + <div className="p-4 flex flex-col flex-grow space-y-3"> 59 <div className="flex items-start justify-between"> 60 <div className="flex items-center space-x-3"> 61 {project.logoUrl ? ( ··· 117 </span> 118 )} 119 </div> 120 + 121 + <div className="flex-grow"></div> 122 123 {project.links && project.links.length > 0 && ( 124 <div className="flex gap-2 pt-2 border-t border-gray-700">