A beautiful, responsive website that fetches probability data from an external API and displays it in an aesthetic manner.
Features
šÆ Fetches data from https://2275-65-95-228-32.ngrok-free.app/predict
š Extracts probability value and converts to percentage (multiplies by 100)
šØ Beautiful gradient design with animated elements
š± Fully responsive for mobile and desktop
š Auto-refresh every 30 seconds
ā” Real-time loading and error states
š Smooth animations and transitions
Project Structure
āāā backend/
ā āāā index.ts # Hono API server with probability endpoint
āāā frontend/
ā āāā index.html # Main website with aesthetic display
āāā README.md
API Endpoints
GET / - Main website
GET /api/probability - Fetches and processes probability data
Design Features
Animated Circle: Pulsing gradient circle displaying the percentage
Loading States: Elegant spinner while fetching data
Error Handling: User-friendly error messages with retry functionality
Auto-refresh: Updates data every 30 seconds automatically