Stopwatch Web Application

---

A modern, responsive stopwatch web application built with Next.js, React, and Tailwind CSS.

Features • Technologies • Getting Started • Usage • Contributing • License

---

Live Demo

Click Here to visit live demo website

Features

• Start, pause, and reset the stopwatch
• Record lap times
• Responsive design compatible with desktop and mobile devices
• Modern UI with smooth animations
• Accessibility considerations

Technologies Used

• Next.js
• React
• Tailwind CSS
• Lucide React for icons
• shadcn/ui for UI components

Getting Started

Prerequisites

• Node.js 14.6.0 or newer
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/dxvzz/PRODIGY_WD_02.git

2. Navigate to the project directory:

   cd PRODIGY_WD_02

3. Install dependencies:

   Using npm:

   npm install

   Or using yarn:

   yarn install

Running the Application

To start the development server:

Using npm:

npm run dev

Or using yarn:

yarn dev

Open your browser and navigate to http://localhost:3000 to see the application in action.

Usage

• Start/Pause: Click the start button to begin timing. Click the pause button to halt the stopwatch.
• Reset: Click the reset button to set the stopwatch back to zero.
• Lap: Click the lap button to record the current time; lap times will be displayed below the main timer.

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature-name.
3. Make your changes and commit them: git commit -m 'Add new feature'.
4. Push to the branch: git push origin feature-name.
5. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Icons provided by Lucide React.
• UI components from shadcn/ui.

---

Made with ❤️ by Devdatta Mudliar