chore: separate JS and CSS files from HTML

public/README.md

@@ -0,0 +1,38 @@
+# SPORE UI Frontend
+
+This directory contains the frontend files for the SPORE UI application.
+
+## File Structure
+
+- **`index.html`** - Main HTML page with minimal markup
+- **`styles.css`** - All CSS styles and animations
+- **`script.js`** - All JavaScript functionality and API interactions
+
+## Features
+
+- **Responsive Design**: Works on all screen sizes
+- **Modern UI**: Glassmorphism design with smooth animations
+- **Interactive Cards**: Clickable cluster member cards
+- **Real-time Data**: Auto-refreshes every 30 seconds
+- **Expandable Details**: Click cards to see detailed node information
+
+## How It Works
+
+1. **HTML Structure**: Clean, semantic markup
+2. **CSS Styling**: Modern design with CSS Grid and Flexbox
+3. **JavaScript Logic**: API client, event handling, and DOM manipulation
+
+## Browser Support
+
+- Modern browsers with ES6+ support
+- CSS Grid and Flexbox support required
+- Fetch API support required
+
+## Development
+
+To modify the UI:
+- **Layout**: Edit `index.html`
+- **Styling**: Edit `styles.css`
+- **Functionality**: Edit `script.js`
+
+All files are automatically served by the Express backend.