walaa106 / ng-tasty

A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters

#ngTasty

A lightweight, flexible, and tasty collection of reusable UI components for AngularJS, like grandma used to make.

Live demo visit http://zizzamia.com/ng-tasty/

Quick start

Installing via Bower

bower install ng-tasty

or installing via NPM

npm install ng-tasty

Include the required bower component:

<script src="bower_components/ng-tasty/ng-tasty-tpls.min.js"></script>

Inject the ngTasty module into your app:

angular.module('myApp', ['ngTasty']);

Development

For running the dev enviroment you just need install all the dependencies by npm, the node package manager.

npm install -g bower
npm install
bower install

Run dev enviroment, it's a watch script with several task running like jshint, html2js, build and unit test on the js build files.

gulp build
gulp watch

Run demo app

We have preconfigured the demo with a simple development web server.
The simplest way to start this server is:

gulp build
npm start
// Running on http://localhost:3000/

Unit Tests

The easiest way to run the unit tests is to use the supplied npm script:

gulp test

Docs

The main docs you will find at http://zizzamia.com/ng-tasty/ , here the list of all components, service, filters supported.

Component

• Table : http://zizzamia.com/ng-tasty/directive/table
• Table server side : http://zizzamia.com/ng-tasty/directive/table-server-side

Service

• WebSocket : http://zizzamia.com/ng-tasty/service/websocket
• Debounce : http://zizzamia.com/ng-tasty/service/debounce
• Throttle : http://zizzamia.com/ng-tasty/service/throttle

Filter

• Filter Int : http://zizzamia.com/ng-tasty/filter/filter-int
• Range : http://zizzamia.com/ng-tasty/filter/
• Camelize : http://zizzamia.com/ng-tasty/filter/camelize
• Slugify : http://zizzamia.com/ng-tasty/filter/slugify

Benchpress

Benchpress allows creation and sampling of macro benchmarks to compare performance of real world web applications.

npm install -g benchpress

Run ngTasty benchmark

protractor benchmarks/protractor.conf.js --specs benchmarks/dist/benchmark.spec.js

Open benchmark with Chrome

http-server -p 8000
http://localhost:8000/benchmarks/dist/

Changelog

https://github.com/Zizzamia/ng-tasty/CHANGELOG.md

Creator

Designed and built by Leonardo Zizzamia, like grandma used to make.

• http://twitter.com/zizzamia
• http://github.com/zizzamia

Tasty Contributors: @proudlygeek, @wesww, @aganglada, @alexcasalboni, @bogdan-alexandrescu