Coding
PromptBeginner5 minmarkdown
Markdown Converter
Agent skill for markdown-converter
7
A modern geolocation-based chat application using H3 hexagonal indexing system. Users can chat with people in their geographical neighborhood based on H3 cell proximity.
Sign in to like and favorite skills
A modern geolocation-based chat application using H3 hexagonal indexing system. Users can chat with people in their geographical neighborhood based on H3 cell proximity.
# Development (both servers) npm run dev # Backend with nodemon (port 4000) npm run dev:client # Frontend with Vite HMR (port 5175) # Production npm run build # Build React app npm run start # Production server # Utilities npm run kill # Kill processes on common ports
h3chat/ āāā server.js # WebSocket server with H3 logic āāā index.html # Legacy HTML (kept for reference) āāā package.json # Server dependencies & scripts āāā nodemon.json # Nodemon configuration āāā client/ # React frontend ā āāā src/ ā ā āāā App.tsx # Main app component ā ā āāā components/ # React components ā ā ā āāā ChatLayout.tsx ā ā ā āāā LocationSetup.tsx ā ā ā āāā ChatSidebar.tsx ā ā ā āāā ChatMessages.tsx ā ā ā āāā ChatInput.tsx ā ā āāā hooks/ # Custom hooks ā ā ā āāā useWebSocket.ts # Main WebSocket connection ā ā ā āāā useWebSocketActions.ts # WebSocket actions (singleton) ā ā āāā store/ # State management ā ā ā āāā chatStore.ts # Zustand store ā ā āāā types.ts # TypeScript definitions ā ā āāā index.css # Tailwind + custom styles ā āāā package.json # Frontend dependencies ā āāā tailwind.config.js # Tailwind CSS v4 config ā āāā postcss.config.js # PostCSS config āāā CLAUDE.md # This file
useWebSocketActions provides send functions without creating new connectionsnpm run kill or change ports in server.js and useWebSocket.tsname: null with fallback to "Unknown"ā Completed Features:
components/store/chatStore.tstypes.ts for TypeScript safetynpm run build and check warningswill-change CSS for smooth animationsclient/dist/ for production servingWhen continuing development:
Last updated: January 2025 Project Status: ā Production Ready