The frontend is a React application that provides a clean, user-friendly interface for article summarization.

• Auto-Detection: Automatically detects if input is a URL or text content
• Real-time Feedback: Shows loading states and character counts
• Responsive Design: Works well on desktop and mobile devices
• Error Handling: Clear error messages for various failure scenarios
• Example Content: Quick "Try Example" button for testing

Main application component that handles:

• Form state management
• API communication
• URL/text detection
• Loading and error states
• Results display

• TailwindCSS: Used via CDN for utility-first styling
• Glass Effect: Modern glassmorphism design with backdrop blur
• Gradient Background: Beautiful gradient background
• Animations: Smooth transitions and loading animations

1. Input Detection: Automatically detects URLs vs text content
2. Visual Feedback: Clear indicators for URL vs text mode
3. Loading States: Spinner and descriptive loading messages
4. Error Handling: User-friendly error messages
5. Results Display: Clean summary presentation with source attribution

Works in all modern browsers that support:

• ES6+ JavaScript
• CSS Grid and Flexbox
• Fetch API
• React 18