Skip to content

Adityacprtm/simple-countdown-vuejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎂 Birthday Countdown

A sleek, premium birthday countdown timer built with Vue 3. This project features a high-fidelity design with real-time updates across multiple timezones and a visual year progress indicator.

✨ Features

  • Live Countdown: Precise tracking of days, hours, minutes, and seconds.
  • Year Progress: A dynamic progress bar showing how much of the current birthday cycle has passed.
  • Multi-Timezone Sync: Real-timezone tracking for UTC, Jakarta (GMT+7), and your local browser time.
  • Modern Aesthetics: Built with a clean, glassmorphic design and responsive layout.
  • Zero Build Step: Pure HTML, CSS, and Vue 3 via CDN for instant setup.

🛠️ Stack

  • Vue 3: Composition-ready (using Global Build)
  • CSS3: Custom properties, Flexbox/Grid, and glassmorphism effects.
  • HTML5: Semantic structure.
  • CDN Powered: No npm install or build process required.

🚀 Getting Started

Simply open index.html in your browser, or serve it locally for the best experience:

# Using serve (recommended)
npx serve .

# Or using Python
python3 -m http.server

🌐 Live Demo

Check out the live version here: bod.adityacprtm.dev


Created by Adityacprtm

About

Simple Birthday Countdown with Vue.js

Topics

Resources

Stars

Watchers

Forks

Contributors