https://github.com/dkozachenko/ng-round-slider
A monorepository with Angular library with implementation of Round Slider JQuery Plugin and demo application
https://github.com/dkozachenko/ng-round-slider
angular jquery nx storybook
Last synced: 3 months ago
JSON representation
A monorepository with Angular library with implementation of Round Slider JQuery Plugin and demo application
- Host: GitHub
- URL: https://github.com/dkozachenko/ng-round-slider
- Owner: DKozachenko
- Created: 2023-12-25T12:50:15.000Z (over 2 years ago)
- Default Branch: develop
- Last Pushed: 2024-01-06T14:06:04.000Z (over 2 years ago)
- Last Synced: 2025-08-09T12:02:18.377Z (11 months ago)
- Topics: angular, jquery, nx, storybook
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/ng-round-slider
- Size: 703 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ng-round-slider
A monorepository with:
* [ng-round-slider](./libs/ng-round-slider/README.md) - Angular library with implementation of [Round Slider JQuery Plugin](https://roundsliderui.com) using [JQuery](https://www.npmjs.com/package/jquery) and [round-slider](https://www.npmjs.com/package/round-slider) packages
* [ng-round-slider-demo](./apps/ng-round-slider-demo/README.md) - demo application for `ng-round-slider` library which represents a lot of examples
## Storybook
#### Serving
* `ng-round-slider`:
```bash
npm i
npm run slider:storybook
```
Storybook will open at `http://localhost:4400`.
#### Building
* `ng-round-slider`:
```bash
npm i
npm run slider:build-storybook
```
Bundle will be in `dist/storybook/ng-round-slider` folder.
#### With Docker
* `ng-round-slider`:
```bash
docker build . -t slider-storybook-image -f libs/ng-round-slider/Dockerfile.storybook
docker run -d -p 4400:80 slider-storybook-image:latest
```
Storybook can be opened at `http://localhost:4400`.
## Build in production mode
* `ng-round-slider`:
```bash
npm i
npm run slider:build
```
Bundle will be in `dist/libs/ng-round-slider` folder.
* `ng-round-slider-demo`:
```bash
npm i
npm run demo:build
```
Bundle will be in `dist/apps/ng-round-slider-demo` folder.
## Demo
#### Serving
* `ng-round-slider-demo`:
```bash
npm i
npm run demo:serve
```
#### With Docker
* `ng-round-slider-demo`:
```bash
docker build . -t slider-demo-image -f apps/ng-round-slider-demo/Dockerfile.demo
docker run -d -p 4200:80 slider-demo-image:latest
```
Demo can be opened at `http://localhost:4200`.
## Publish
Update version in `libs/ng-round-slider/package.json`.
* `ng-round-slider`:
```bash
npm i
npm run slider:build
npm run slider:publish
```
## Lint
* `ng-round-slider`:
```bash
npm i
npm run slider:lint
```
* `ng-round-slider-demo`:
```bash
npm i
npm run demo:lint
```
## Test
* `ng-round-slider`:
```bash
npm i
npm run slider:test
```
## Contributing
If you have any suggestions, ideas, or problems, feel free to create an issue or PR.