Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/morzhanov/handlebars-gulp-todo

TODO app developed using Handlebars, ES6, Gulp and SASS
https://github.com/morzhanov/handlebars-gulp-todo

babel eslint gulp handlebars html javascript lodash node-static nodejs sass todomvc

Last synced: 5 days ago
JSON representation

TODO app developed using Handlebars, ES6, Gulp and SASS

Awesome Lists containing this project

README

        

# Handlebars Gulp TODO

This TODO app demonstrates how to create simple app using Handlebars and ES6.

Created Gulp configuration to use ES6 scripts transpiled using Babel with SASS and PostCSS.

Application served using Node.JS and node-static package.

ESLint used to lint javascript code.

#### Application developed using TodoMVC styles

## Installation

1. run `yarn install`
2. run `yarn start`
3. run `yarn gulp` to build project and watch JS and SASS files.

## Usage

This application allow you to:
1. Create list with TODOs
2. Remove TODOs
3. Edit TODOs.
4. Review Gulp configuration with ES6(Babel)+SASS+PostCSS.
5. You can add additional PostCSS plugins or Gulp plugins to gulpfile.babel.js for futher development.

## Technologies

- Javascript
- Gulp
- Handlebars
- Lodash
- jQuery
- Webpack 4
- ESLint
- Prettier
- Babel
- Sass
- PostCSS

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Author

Vlad Morzhanov

## License

#### (The MIT License)

Copyright (c) 2018 Vlad Morzhanov.
You can review license in the LICENSE file.