spore-ui/public/README.md

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.