Skip to content

readme.md

Latest commit

 

History

History
42 lines (34 loc) · 1.49 KB

readme.md

File metadata and controls

42 lines (34 loc) · 1.49 KB

Advanced Event Countdown Timer

A customizable and responsive countdown timer by AryCodes, built with HTML, CSS, and JavaScript. It tracks time to upcoming events with themes, animations, and a confetti celebration effect.

Features

  • Real-Time Countdown: Displays days, hours, minutes, and seconds.
  • Customizable Settings: Change event name, date, themes, fonts, animations, and colors.
  • Celebration Effect: Confetti animation when time reaches zero.
  • Responsive & Animated: Works on all screen sizes with smooth animations.
  • Fullscreen Mode: Immersive display option.

Installation

  1. Clone the Repository: 
    git clone https://github.com/ArySrc/event-countdown-timer.git
  2. Navigate to the Project: 
    cd event-countdown-timer
  3. Open in a Browser: Open index.html or use a local server.

Usage

  1. Open index.html and enter event details.
  2. Customize appearance (themes, fonts, colors, animations).
  3. Start the countdown and enjoy the celebration effect.

Customization

  • Modify CSS variables for themes and patterns.
  • Extend animations by adding new keyframes.
  • Adjust confetti effects in createConfetti() function.

Contact & Support

For queries or contributions, reach out to AryCodes:

License

MIT License.