Code Monkey home page Code Monkey logo

stop-watch-task3's Introduction

Stop Watch

  • 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. 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 with a 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 to maximize the user experience.

Untitled design

Tech Stack

Untitled design (1)

  • Html
  • Css
  • Javascript
  • Note: First create an issue then make a pull request :)

    How to be a contributor to the project ๐Ÿ˜Ž

    1. Star The Repo ๐ŸŒŸ

    • Star this repository by pressing the top-rightmost button to start your incredible journey.
    • Create an issue describing how you want to contribute to this project.

    2. Fork it ๐Ÿด

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

    • In the 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 a 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 a pull request with the issue number.
    • Once you have cloned the stopwatch repository in Github, move to that folder first using the change directory command on Linux, Mac, and Windows(PowerShell to be used).
    # This will change the 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 gets 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 requests should have screenshots of the changes you have made.

    9. Wait for review. โค๏ธ


    Project

    - https://avinash201199.github.io/stopwatch/

    Screenshots

    Interface of the StopWatch

    image

    StopWatch Started

    image

    stop-watch-task3's People

    Contributors

    prernawatane avatar

    Stargazers

    Vara Rahul Rajana avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google โค๏ธ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.