Skip to content

Releases: BilgeGates/Clock

Major Rewrite: From Simple Clock to Full Time Management App

09 Jan 13:31
c23045c

Choose a tag to compare

World Clock & Timer has been completely rewritten from a simple clock display into a full-featured time management application using React.


✨ What's New

From Simple Clock to Full Application

Before:

  • Basic analog/digital clock display
  • No additional features
  • Vanilla JavaScript

Now:

  • World clocks for 25+ cities
  • Countdown timer
  • Stopwatch with lap recording
  • Alarms
  • Time statistics
  • Built with React

🚀 Features

⏰ Clock

  • Analog clock with smooth animations
  • Digital time display (24-hour format)
  • Current date display

🌍 World Clocks

  • Track time in 25+ major cities
  • Search and add cities
  • Remove cities dynamically
  • Real-time timezone updates

⏱️ Timer

  • Set hours, minutes, and seconds
  • Pause and resume
  • Sound and browser notifications
  • Visual countdown

⏲️ Stopwatch

  • Millisecond precision
  • Lap recording
  • Start, pause, reset controls

⏰ Alarms

  • Toggle on/off
  • Pre-configured examples

📊 Statistics

  • Day of year
  • Week number
  • Unix timestamp
  • Local time

🔧 Technical

  • React 18.2 - Component-based architecture
  • Tailwind CSS 3.3 - Styling
  • Lucide React - Icons
  • Custom hooks - State management
  • localStorage - Data persistence

📥 Installation

git clone https://github.com/BilgeGates/Clock.git
cd Clock
npm install
npm start

Requirements: Node.js 16+, npm 8+


🔐 Privacy

  • No backend - all data stays local
  • No tracking or analytics
  • No external API calls

📝 Changelog

Added:

  • World clock with 25+ cities
  • Countdown timer with notifications
  • Stopwatch with lap times
  • Alarm system
  • Time statistics
  • React architecture with custom hooks
  • Search functionality

Changed:

  • Complete rewrite from vanilla JS to React
  • Component-based structure
  • Modern UI with Tailwind CSS

🎯 Future Updates

  • Theme customization
  • More cities
  • Export/import settings

📄 License

MIT License


Full Documentation: README.md
Report Issues: GitHub Issues


© 2026 Khatai Huseynzada