Event Countdown is a simple and responsive web application that allows users to set a countdown timer for a specific event. It features a clean and intuitive user interface, making it easy for users to input event details and see the time remaining until the event.
- Responsive Design: Optimized for various screen sizes, ensuring a seamless experience on both desktop and mobile devices.
- User-Friendly Interface: Simple form for entering event details (name, date, and time).
- Real-Time Countdown: Displays days, hours, minutes, and seconds remaining until the event.
- Dynamic Updates: Countdown updates every second to reflect the accurate remaining time.
- HTML5: For the structure of the web page.
- CSS3: For styling and responsive design.
- JavaScript: For handling the countdown logic and user interactions.
To run this project locally, you need a web browser that supports HTML5, CSS3, and JavaScript.
-
Clone the repository:
git clone https://github.com/jatinkaushik-jk/EventCountdown.git
-
Navigate to the project directory:
cd EventCountdown -
Open
index.htmlin your web browserAlternatively, you can drag and drop the
index.htmlfile into your web browser.
- Open the application in your web browser.
- Enter the event name (optional), date, and time in the provided form.
- Click the
Submitbutton. - The countdown timer will start, displaying the time remaining until the event.
The index.html file contains the structure of the application, including the form for inputting event details and the countdown display.
The style.css file contains the styles for the application, ensuring a visually appealing and responsive design.
The script.js file contains the logic for handling the countdown timer, including:
- Event listeners for form submission.
- Functions to calculate the time remaining and update the countdown display.
If you have any questions or suggestions, feel free to reach out to me on LinkedIn or GitHub.