Countdown App ◈

Multiple countdown timers for important events like birthdays, deadlines, launches

Deployed Link

countdown-app-pied.vercel.app

---

Video Demo

Screen.Recording.2026-03-09.at.20.03.55.mov

---

Screenshots

---

How the App works

• Create countdowns with a name, category, date & time, and an optional note
• 8 categories to choose from: Birthday, Anniversary, Deadline, Launch, Meeting, Travel, Holiday, Other
• The most urgent upcoming event always takes the hero spot at the top
• Confetti fires when a countdown hits zero

---

Challenges

The trickiest part was making sure the sorting and hero updates were actually reactive.

---

If I had more time

• Drag to reorder / pin timers

---

Stack

• Vue 3 — Composition API with <script setup>
• Nuxt 3 used for structure and Tailwind integration
• Tailwind CSS — utility classes for layout and buttons
• vue-datepicker-next — date & time picker
• vue-toastification — toast notifications
• localStorage for persistence

---

Run locally

To get a local copy up and running, follow these steps.

git clone https://github.com/prolajumokeoni/CountdownApp
cd CountdownApp
npm install
npm run dev