Modern Clock

A modern, multifunctional clock application built with Electron + React + TypeScript.

Features

• Modern Calculator (Scientific and Simple)
• Global Clock and Timer (Real-time)
• Digital Compass (with "geolocation")
• Smart Scale (Sensor integration)
• Interactive Calendar (with Task Manager)

Technology Stack

• Electron: Cross-platform desktop application framework
• React: Component-based UI library
• TypeScript: Type-safe JavaScript
• Tailwind CSS: Modern utility-first styling
• Lucide React: Beautiful icon library

Project Structure

clock/
├── src/
│   ├── components/
│   │   ├── common/          # Shared components
│   │   ├── layout/          # Layout components (sidebar, header)
│   │   └── modules/         # Feature modules
│   │       ├── calculator/
│   │       ├── clock/
│   │       ├── compass/
│   │       ├── scale/
│   │       └── calendar/
│   ├── styles/              # Global styles
│   ├── hooks/               # Custom React hooks
│   ├── utils/               # Utility functions
│   └── types/               # TypeScript type definitions
├── public/                  # Static assets
├── assets/                  # Application icons and images
└── package.json

Getting Started

Install Dependencies

npm install

Development Mode

npm run dev

Production Build

npm run build

Design Principles

• Modular Architecture: Each module is independent and self-contained
• Clean Code: Follows SOLID principles and best practices
• Type Safety: Full TypeScript coverage
• Modern Design: Apple-inspired dark theme with smooth animations
• Responsive: Adapts to different window sizes

License

MIT