Countdown Timer Project

A simple and interactive countdown timer application built with Next.js (using the App Router), TypeScript, and TailwindCSS. This project allows users to set a countdown timer by entering a duration in seconds, and the timer will count down with Start, Pause, and Reset functionalities.

Features

• Set Timer: Input a custom duration in seconds to start the countdown.
• Start, Pause, Reset: Control the countdown with the Start, Pause, and Reset buttons.
• Responsive Design: The app is designed to be fully responsive, working on both desktop and mobile devices.
• Styled with TailwindCSS: A sleek and minimal design using TailwindCSS.
• Favicon: Custom favicon added for better branding.

Demo

Link to your live project/demo (if applicable)

Technologies Used

• Next.js 13 (with App Router)
• TypeScript
• TailwindCSS
• React (for UI components)
• React Hooks (for managing state and side effects)

Installation

Follow these steps to set up the project locally:

1. Clone the repository:

     git clone https://github.com/metachemist/countdown-timer.git
     cd countdown-timer

2. Install dependencies:

Make sure you have Node.js installed, then run:

       npm install

3.Start the development server:

    npm run dev

The app will be available at http://localhost:3000.

Usage

• Set Timer: Enter a number (in seconds) in the input field and click the "Set" button to set the timer.
• **Start Countdown: **Click "Start" to begin the countdown.
• Pause Countdown: Click "Pause" to pause the countdown.
• Reset Timer: Click "Reset" to reset the timer back to 60 seconds.

Contributing

• Fork the repository.
• Create your feature branch (git checkout -b feature-name).
• Commit your changes (git commit -am 'Add new feature').
• Push to the branch (git push origin feature-name).
• Open a pull request.