Birthday Countdown Webpage

This project is a personalized birthday countdown webpage that wishes a happy birthday to a specific person, displays a countdown timer to midnight on their birthday, and includes a personalized message from the wisher.

Features

• Personalized Birthday Greeting: Takes the birthday person's name and date, then displays a custom greeting.
• Countdown Timer: Automatically starts a countdown to 12:00 AM (midnight) on the birthday date.
• Wisher's Name: The wisher's name is displayed alongside the birthday message.
• Webpage Generation: The webpage is generated dynamically, reflecting the provided information.

Prerequisites

Ensure you have the following installed:

• A modern web browser (Chrome, Firefox, Safari, Edge)
• Basic understanding of HTML, JavaScript, and CSS.

How It Works

1. User Inputs:

   • Name of the birthday person.
   • Date of the birthday (in MM/DD/YYYY format).
   • Wisher's name.

2. Webpage Generation:

   • After inputting the details, the page will generate a greeting message and show a countdown to the specified birthday date.

3. Countdown Timer:

   • A countdown timer will be displayed, counting down the seconds until midnight (12:00 AM) of the given birthday.

How to Use

1. Open the webpage in a browser.
2. Input the following details:
   • Birthday Person’s Name: Enter the name of the person whose birthday it is.
   • Birthday Date: Enter the exact date of the birthday (in MM/DD/YYYY format).
   • Your Name (Wisher’s Name): Enter your name (the person wishing the birthday).
3. Click the “Generate Birthday Countdown” button.
4. The page will display:
   • A personalized birthday message.
   • A countdown timer.
   • Wisher's name.
5. When the countdown reaches zero, it will signify midnight on the birthday.

Example Output

Screenshots

Link Generation Page -

Countdown Timer till 12:00am -

Greetings (After Countdown Ends) -

Mobile View -