ayush-Sharma173 / stopwatch

Stop watch using javascript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stop Watch using HTML, CSS and JavaScript

  • Time is the most essential part of everyone's life and keeping track of this time is equally important.
  • A clock helps us in our quest to utilize our time efficiently. In order to assist you to excel in this quest we are building a digital stopwatch.
  • This stopwatch represents the time in DD:HH:MM:SS (day:hour:minute:second) format, making it easy to keep track of our time.
  • The functionalities of Start, Stop, Reset, Lap and Clear Lap are accessible by a mere click of a button.
  • To enhance the visual appearance it can be viewed in both dark and light modes, making it easier to access at all times, along with having a responsive website inorder to maximize the user experience.
  • This project makes use of the technologies such as HTML, CSS and Javascript to implement the stopwatch.

Note: Create an issue first then make pull request :)

How to contribute 😎

1. Star The Repo 🌟

  • Star this repository by pressing the top-right most button to start your wonderful journey.
  • Create an issue with description that how you want to contribute in this project.

2. Fork it 🍴

  • Then fork this repository by using the Fork button on top-right of your screen.

  • In forked repository add your changes.

3. Clone it 👥

NOTE: commands are to be executed on Linux, Mac, and Windows(using Powershell)

  • You need to clone (download) it to local machine using
$ git clone https://github.com/Your_Username/stopwatch.git

This makes a local copy of the repository in your machine.

  • Then make pull request with issue number.
  • Once you have cloned the stopwatch repository in Github, move to that folder first using change directory command on Linux, Mac, and Windows(PowerShell to be used).
# This will change directory to a folder stopwatch
$ cd stopwatch

Move to this folder for all other commands.

4. Set it up ⬆️

  • Run the following commands to see that your local copy has a reference to your forked remote repository in Github :octocat:
$ git remote -v
origin  https://github.com/Your_Username/stopwatch.git (fetch)
origin  https://github.com/Your_Username/stopwatch.git (push)

Now, let's add a reference to the original stopwatch repository using

$ git remote add upstream https://github.com/avinash201199/stopwatch.git

This adds a new remote named upstream.

See the changes using

$ git remote -v
origin    https://github.com/Your_Username/stopwatch.git (fetch)
origin    https://github.com/Your_Username/stopwatch.git (push)
upstream  https://github.com/Remote_Username/stopwatch.git (fetch)
upstream  https://github.com/Remote_Username/stopwatch.git (push)

In your case, you will see

$ git remote -V
origin    https://github.com/Your_Username/stopwatch.git (fetch)
origin    https://github.com/Your_Username/stopwatch.git(push)
upstream  https://github.com/ietebitmesra/stopwatch.git (fetch)
upstream  https://github.com/ietebitmesra/stopwatch.git (push)

5. Sync it ♻️

  • Always keep your local copy of the repository updated with the original repository. Before making any changes and/or in an appropriate interval, run the following commands carefully to update your local repository.
# Fetch all remote repositories and delete any deleted remote branches```
$ git fetch --all --prune
# Switch to `master` branch
$ git checkout master
# Reset local `master` branch to match the `upstream` repository's `master` branch
$ git reset --hard upstream/master
# Push changes to your forked `stopwatch` repo
$ git push origin master

6. Ready Steady Go... 🐢 🐇

  • Once you have completed these steps, you are ready to start contributing by checking our Help Wanted Issues and creating pull requests.

7. Create a new branch ‼️

  • Whenever you are going to contribute. Please create a separate branch using command and keep your master branch clean (i.e. synced with remote branch).
# It will create a new branch with name Branch_Name and switch to branch Folder_Name
$ git checkout -b BranchName
  • Create a separate branch for contribution and try to use the same name of the branch as of folder.

To switch to the desired branch

# To switch from one folder to other
$ git checkout BranchName
To add the changes to the branch. Use
# To add all files to branch Folder_Name
$ git add .
Type in a message relevant for the code reviewer using
# This message get associated with all files you have changed
$ git commit -m 'relevant message'

Now, Push your awesome work to your remote repository using

# To push your work to your remote repository
$ git push -u origin BranchName
  • Finally, go to your repository in the browser and click on compare and pull requests. Then add a title and description to your pull request that explains your precious efforts

8. Pull request should have screenshot of the changes you have made.

9. Wait for review. ❤️


Web link - https://avinash201199.github.io/stopwatch/
If you want this project then go ahead. Fork and clone it, make changes according to you. After that you can host it on Github using github pages. For any help reach me on social media link is in profile readme. https://www.instagram.com/lets__code/

For any doubt contact me here: -

(Must Check My Github for more cool stuff!)

Thank you for your valuable contribution!

Our Contributors

About

Stop watch using javascript

License:MIT License


Languages

Language:HTML 53.6%Language:CSS 23.6%Language:JavaScript 22.7%