Project Timer is a clean, responsive web application that combines a live digital clock with a fully functional countdown timer, styled in a futuristic blue-glow theme. Built using HTML, CSS, and JavaScript, it’s ideal for personal productivity, workouts, focus sessions, or timed presentations.
- 🕒 Live Digital Clock: Displays the current time in 24-hour format.
- ⏳ Countdown Timer: Set your custom minutes and seconds.
- ✅ Control Buttons: Start, Pause, and Reset functionality.
- 🔊 Audio Alert: Plays an alarm when the timer ends.
- 💡 Toast Notification: A smooth animated "Time’s Up!" message from the top.
- 🌌 Modern UI: Neon blue glowing theme with animated breathing effects.
- HTML5
- CSS3 (including animations, gradients, glow effects)
- Vanilla JavaScript
- 🔊 Sound via
<audio>tag with hosted MP3
Project-Timer/ │ ├── index.html # Main HTML file ├── styles.css # All styles and theme ├── script.js # Clock + Timer logic ├── preview.png # (Optional) Screenshot for demo └── README.md # This file
yaml Copy Edit
- Clone the repo:
git clone https://github.com/ARUNULAGAPPAN/Project-Timer.git
Open index.html in your browser.
Enter the time in Minutes and Seconds.
Click:
Start to begin the countdown.
Pause to halt.
Reset to clear.
📦 To-Do / Future Enhancements Add dark/light mode toggle
Option to set multiple timers
Mobile PWA support
Sound selector for different alerts
📄 License This project is licensed under the MIT License.
🙌 Acknowledgements Alarm sound from Mixkit
Blue-glow inspiration from various neon UI design trends
🧠 Made by Arun Ulagappan