https://github.com/itsvetal/simple-timer
This web aapplication Simple timer based on the live-reload-vanilla-website-template.
https://github.com/itsvetal/simple-timer
eslint husky javascript timer webpack
Last synced: 5 months ago
JSON representation
This web aapplication Simple timer based on the live-reload-vanilla-website-template.
- Host: GitHub
- URL: https://github.com/itsvetal/simple-timer
- Owner: itsvetal
- License: mit
- Created: 2024-08-26T18:55:02.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-08T12:05:30.000Z (over 1 year ago)
- Last Synced: 2025-04-11T11:17:50.649Z (about 1 year ago)
- Topics: eslint, husky, javascript, timer, webpack
- Language: JavaScript
- Homepage: https://itsvetal.github.io/Simple-Timer/
- Size: 961 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SIMPLE TIMER
This web aapplication based on the [live-reload-vanilla-website-template](https://github.com/shpp/live-reload-vanilla-website-template). This allows you t o create the simple timer, without knowledge of the Javascript, sass and HTML.
Starter template to build a website without a front-end framework but making use of Webpack to support writing modern JavaScript (ES6+), including ES Modules and Sass.
Here also used the library [moment](https://momentjs.com/) and its plugin [moment-timer](https://github.com/SeverinDK/moment-timer) for work with data and time.
If you need to change the tamplate, there are installed husky and ESlinter, that will be check your commits in the main.js. And if there are any errors in the file, you have been informed and
your commit will be not accepted
## Features
- Live reload in development
- Webpack
- Sass compilation (and minification/autoprefixing in production)
- ES6+ transpilation (and minification/uglyfication in production)
- ES Modules
- Husky
- ESLint
- Moment library and its plugin the moment-timer
## Usage
- Install dependencies
```
npm i
```
- Run development server
```
npm run dev
```
Will open your default browser to http://localhost:8080/public
Webpack will watch for changes in the `./src` directory and output the bundled assets to `./public/assets`. In parallel, the development server will watch for changes in the `./public` directory and live reload the browser.
- Build production bundles
```
npm run build
```
Will compile, minify and autoprefix Sass to CSS. Will Minify and uglify JavaScript and output the bundled assets to `./public/assets`.
After building for production you can take the `./public` directory and deploy it.
## My timer
You can see my timer by visiting the page: [My simple timer](https://itsvetal.github.io/Simple-Timer/)