A modern location-based clock application built with React that greets users based on the time of day and displays current date and location information. Features an expandable section with additional time details and dynamic backgrounds that change between day and night modes.

🔗 Live Demo: http://clock-app-eta.vercel.app/

• Dynamic Time Display - Shows current time based on user's location
• Contextual Greetings - Updates greeting message throughout the day
• Location Detection - Displays city and country based on IP geolocation
• Expandable Details - Additional time information in an expandable panel
• Responsive Design - Mobile-first approach works on all device sizes
• Day/Night Theming - Background changes automatically based on time

Desktop	Tablet	Mobile

1. Clone the repository

   git clone <repository-url>
   cd clock-app

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Build for production

   npm run build

clock-app/
├── src/
│   ├── assets/          # Static assets (images, fonts)
│   ├── components/      # Reusable UI components
│   ├── hooks/           # Custom React hooks
│   ├── layouts/         # Layout components
│   ├── store/           # State management
│   ├── utils/           # Utility functions
│   ├── main.tsx         # Application entry point
├── public/              # Static files

• Time Display - Shows current hour, minute, and timezone
• Dynamic Greeting - "Good morning", "Good afternoon", or "Good evening"
• Location Information - City and country name
• Expandable Details - Shows day of week, day of year, week number, etc.
• Theme Toggle - Automatic day/night themes with animation transitions
• Mobile Responsive - Adapts to all screen sizes

Contributions welcome! Feel free to open issues or submit pull requests.

This project is licensed under the MIT License.