ChronoAlarm
A modern, feature-rich Alarm Clock & Productivity Web App built using HTML, CSS, and JavaScript, combining real-time clock, smart alarms, sound customization, and Pomodoro focus tools into a single interactive dashboard.
Install / Use
/learn @Agent-A345/ChronoAlarmREADME
⏰ ChronoAlarm — Smart Alarm & Productivity Clock
A modern, feature-rich Alarm Clock & Productivity Web App built using HTML, CSS, and JavaScript, combining real-time clock, smart alarms, sound customization, and Pomodoro focus tools into a single interactive dashboard.
🚀 Features
- Live Digital Clock – Displays real-time clock with date, seconds animation, and timezone support.
- Timezone Selection – Switch between multiple global timezones like IST, UTC, New York, Tokyo, etc.
- 12h / 24h Format Toggle – Easily switch between 12-hour and 24-hour time formats.
- Alarm Management System – Add, delete, enable, and disable alarms with labels and repeat options.
- Repeat & Snooze Functionality – Set alarms for once, daily, weekdays, and snooze them dynamically.
- Ambient Wake Mode – Gradually increases alarm volume for a gentle wake-up experience.
- Multiple Alarm Sounds – Choose between beep, digital, gentle, and urgent sound profiles.
- Countdown to Next Alarm – Displays time remaining for the next active alarm.
- Smart Alarm Suggestions – Suggests optimal alarm times based on user behavior patterns.
- Browser Notifications – Sends system notifications when alarms are triggered.
- Pomodoro Timer Integration – Includes focus and break timer with automatic transitions.
- Dynamic Day/Night Theme – Automatically adjusts UI based on time of day.
- Sound Control System – Adjust volume and test alarm sounds in real-time.
📂 Project Structure
ChronoAlarm/
├── index.html
├── script.js
├── style.css
💡 Technologies Used
- HTML5
- CSS3
- JavaScript
🛠️ How to Run
- Clone the repository:
git clone https://github.com/Agent-A345/ChronoAlarm.git
- Open the project and navigate to the file:
cd index.html
- Run the game in any modern browser
🎮 How to Use
Set Alarm
- Enter hour and minute
- Add label (optional)
- Select repeat mode and snooze
- Click Add Alarm
Manage Alarms
- Enable/disable alarms
- Delete alarms
- View upcoming alarms
Customize Sound
- Select alarm sound
- Adjust volume
- Test sound
Use Pomodoro
- Set work and break duration
- Start focus session
- Auto-switch between work and break
🎯 App Objective
ChronoAlarm helps users:
- Manage daily schedules efficiently
- Wake up with smart and customizable alarms
- Improve focus using Pomodoro technique
- Track time across different timezones
- Enhance productivity with minimal distractions
🔄 Future Enhancements
- Alarm history tracking
- Cloud sync across devices
- Calendar integration
- AI-based sleep schedule suggestions
- Voice-controlled alarms
📜 License
This project is licensed under the MIT License.
Related Skills
node-connect
341.6kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
341.6kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
84.6kCommit, push, and open a PR
