habitica/website/client
dependabot-preview[bot] b297b2a48a
build(deps): bump validator from 13.1.1 to 13.1.17 in /website/client (#12601)
Bumps [validator](https://github.com/chriso/validator.js) from 13.1.1 to 13.1.17.
- [Release notes](https://github.com/chriso/validator.js/releases)
- [Changelog](https://github.com/validatorjs/validator.js/blob/master/CHANGELOG.md)
- [Commits](https://github.com/chriso/validator.js/compare/13.1.1...13.1.17)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
2020-09-21 17:18:24 +02:00
..
config/storybook issue(11266) - Restyle level-up modal with sparkles (#12486) 2020-08-29 16:33:06 +02:00
public Set 30 days TTL for smartbanner (#12174) 2020-05-09 18:00:12 +02:00
scripts Storybook Example (#11494) 2019-12-05 22:35:23 +01:00
src Fall Festival Gem Promo (#138) 2020-09-21 16:22:13 +02:00
tests/unit Bugfix challenge tags to normal tags after a challenge has ended/deleted (#12341) 2020-09-07 16:48:22 +02:00
.browserslistrc old client structure 2019-10-01 11:44:38 +02:00
.eslintrc.js Storybook Example (#11494) 2019-12-05 22:35:23 +01:00
babel.config.js misc, fix client tests 2019-10-15 15:32:53 +02:00
package-lock.json build(deps): bump validator from 13.1.1 to 13.1.17 in /website/client (#12601) 2020-09-21 17:18:24 +02:00
package.json build(deps): bump validator from 13.1.1 to 13.1.17 in /website/client (#12601) 2020-09-21 17:18:24 +02:00
postcss.config.js misc, fix client tests 2019-10-15 15:32:53 +02:00
README.md Storybook Example (#11494) 2019-12-05 22:35:23 +01:00
vue.config.js fix(webpack): correct typo in vue.config.js 2020-04-23 11:58:53 +02:00
webpack.webstorm.config PMs rebuild (#11360) 2020-01-12 19:34:40 +01:00

Habitica Client

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Storybook

Storybook is mainly used while working on UI-Components to see changes faster instead of using the website.

Start Storybook

npm run storybook:serve

This will start the storybook process, every *.stories.js-File is searched and added to the storybook overview.

Storybook Worklow

Usually when you working on component-name.vue you also create a component-name.stories.js file.

Example of the stories structure - Storybook Docs - CountBadge

Each function or example of this component will be put after storiesOf('Your Component', module), in a separate .add('function of component', ...

Storybook Build

After each client build, storybook build is also triggered and will be available in dist/storybook