A client-side web application that connects to WebSocket servers and displays streaming JSON messages in a console-like interface.

• Real-time WebSocket Connection: Connect to any WebSocket server (defaults to ws://127.0.0.1:8080)
• JSON Message Display: Automatically formats and displays incoming JSON messages
• Console Interface: Terminal-style dark theme with timestamped, color-coded messages
• Connection Management: Connect/disconnect controls with real-time status indicators
• Message Tracking: Counts and displays the number of received messages
• Clear Console: Reset the message display at any time

1. Open the web application
2. Enter your WebSocket server URL (default: ws://127.0.0.1:8080)
3. Click "Connect" to establish the connection
4. JSON messages will stream in real-time and be displayed in the console
5. Use "Clear" to reset the console or "Disconnect" to close the connection

├── backend/
│   └── index.ts          # Hono server that serves the HTML
├── frontend/
│   └── index.html        # Main web application with WebSocket client
└── README.md

• Frontend: Pure HTML/CSS/JavaScript with TailwindCSS for styling
• Backend: Hono server for serving static files
• WebSocket Client: Native browser WebSocket API
• Error Handling: Comprehensive connection error handling and user feedback
• Responsive Design: Works on desktop and mobile devices

The application runs entirely client-side once loaded, connecting directly from the browser to your WebSocket server.