Skip to content

DalaScript/custom-countdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom Countdown | ZTM JS Web Projects Course

Project 9/20

⏳ Custom Countdown is a dynamic web app that lets users create personalized countdowns to any date with a custom title. Featuring a video background, real-time countdown updates, and local storage support, this project provides both functionality and flair.


📚 Table of Contents


🔎 Overview

📸 Screenshot

Live Preview Screenshot

🔗 Links

📌 Features

  • ✅ Create a custom countdown with a title and selected date
  • ✅ Real-time countdown updates (days, hours, minutes, seconds)
  • ✅ Animated background video with overlay
  • ✅ Auto-reset and countdown completion detection
  • ✅ LocalStorage saves countdowns between page reloads
  • ✅ Responsive and mobile-friendly design
  • ✅ Colorful animated text when countdown is complete
  • ✅ Input validation to prevent empty submissions

🛠️ Built with

  • HTML5
  • CSS3
  • Vanilla JavaScript

🧠 My Process

🗃️ Useful resources

🔙 Previous Project

🔜 Next Project


👤 Author

🌐 Connect with Me

💻 Coding Profiles

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀