https://github.com/himanshumaurya0007/prodigy_wd_02

Web application for a stopwatch | Prodigy InfoTech Web Development
https://github.com/himanshumaurya0007/prodigy_wd_02

css css3 html html-css html-css-javascript html-css-js html5 html5-css3 internship-challenge internship-project internship-task javascript js

Last synced: 3 months ago
JSON representation

Web application for a stopwatch | Prodigy InfoTech Web Development

• Host: GitHub
• URL: https://github.com/himanshumaurya0007/prodigy_wd_02
• Owner: himanshumaurya0007
• License: mit
• Created: 2024-02-24T08:16:39.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-08T08:57:27.000Z (9 months ago)
• Last Synced: 2025-01-21T01:44:25.107Z (5 months ago)
• Topics: css, css3, html, html-css, html-css-javascript, html-css-js, html5, html5-css3, internship-challenge, internship-project, internship-task, javascript, js
• Language: JavaScript
• Homepage:
• Size: 52.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Stopwatch Web Application

This is a simple web application for a stopwatch built using HTML, CSS, and JavaScript. It allows users to accurately measure and record time intervals, as well as track and display lap times.

## Table of Contents

- [Introduction](#introduction)

- [Features](#features)

- [Installation](#installation)

- [Files_Included](#files_included)

- [Project_Images](#project_images)

- [Contributing](#contributing)

- [Author](#author)

## Introduction

This project contains the source code for a stopwatch web application. It offers an engaging experience with a simple interface.

## Features

- Start, pause, and reset the stopwatch.

- Record and display lap times.

- User-friendly interface.

## Installation

1. Clone this repository to your local machine.

2. Navigate to the `PRODIGY_WD_02` folder.

3. Open the `index.html` file in your web browser.

4. Click the "Start" button to begin the stopwatch.

5. Click the "Lap" button to record lap times.

6. Click the "Reset" button to reset the stopwatch and clear lap times.

## Files_Included

- `index.html`: HTML file containing the structure of the web application.

- `style.css`: CSS file containing styles for the web application.

- `script.js`: JavaScript file containing functionality for the stopwatch.

## Project_Images

![Project Image - Start](./resources/start.png)

![Project Image - Lap 1](./resources/lap1.png)

![Project Image - Lap 2](./resources/lap2.png)

![Project Image - Lap 3](./resources/lap3.png)

![Project Image - Lap Stopped](./resources/lap_stop.png)

![Project Image - Reset](./resources/reset.png)

## Contributing

If you'd like to contribute to this project, feel free to open an issue or submit a pull request.

## Author

Himanshu Maurya