This web aapplication based on the 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 and its plugin 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
- 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
- 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.
You can see my timer by visiting the page: My simple timer