Skip to content

esadakman/reactjs-stop-watch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stop Watch - React

Objective

  • Build a StopWatch App using ReactJS.

Description

  • For understanding useState hooks and components i made a simple StopWatch app. It has only three features which are play, pause and reset.

Project Link

You can reach my project from here 👈

Project Skeleton

- StopWatch App (folder)
|
|----readme.md
SOLUTION
├── public
│     ├── favicon.ico
│     ├── index.html
│     └── robots.txt
├── src
│    ├── components
│    │       │── fonts
│    │       │     ├── DS-DIGI.TTF
│    │       │     └── DS-DIGIB.TTF
│    │       │── clock.css
│    │       └── clock.js
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
│
├── package.json
└── yarn.lock

At the end of the project, following topics are to be covered;

  • HTML
  • CSS
  • JS
  • ReactJS
$ git clone https://github.com/esadakman/reactjs-stop-watch.git
$ cd stopWatch-react/
$ npm install / yarn
$ npm start / yarn start

Preview of the Project

stopWatch