🕐 Analog Clock App

A beautiful, modern analog clock application built with React.js featuring smooth animations, glass-morphism design, and real-time updates.

✨ Features

• Real-time Analog Clock: Displays current time with smooth hand movements
• Digital Time Display: Shows time and date in a clean, readable format
• Smooth Animations: Fluid hand movements with subtle visual effects
• Modern Design: Glass-morphism UI with gradient backgrounds
• Responsive: Works perfectly on desktop, tablet, and mobile devices
• Accurate Timing: Updates every second with precise time tracking

🚀 Getting Started

Prerequisites

Make sure you have Node.js installed on your system. You can download it from nodejs.org.

Installation

1. Install dependencies:

   npm install

2. Start the development server:

   npm start

3. Open your browser: The app will automatically open at http://localhost:3000

Build for Production

To create a production build:

npm run build

🎨 Design Features

• Glass-morphism Effect: Semi-transparent containers with backdrop blur
• Gradient Background: Beautiful purple-blue gradient backdrop
• Smooth Animations: Subtle glow effects and hand movements
• Typography: Clean Inter font family for modern aesthetics
• Color Scheme: White/transparent elements with red accent for second hand

🛠️ Technical Details

• React 18: Latest React with hooks for state management
• SVG Graphics: Scalable vector graphics for crisp clock display
• CSS Animations: Smooth transitions and keyframe animations
• Responsive Design: Mobile-first approach with media queries
• Real-time Updates: setInterval for accurate time tracking

📱 Browser Support

This app works on all modern browsers including:

• Chrome
• Firefox
• Safari
• Edge

🤝 Contributing

Feel free to fork this project and submit pull requests for any improvements!

📄 License

This project is open source and available under the MIT License.