habitica-self-host/website/client
Sabe Jones e502588abc
Improve G1G1 process (#11792)
* WIP(g1g1): notif

* WIP(g1g1): notif cont'd

* WIP(gifting): partial modal implementation

* feat(gifting): select giftee modal

* fix(gifting): notification order, modal dismiss

* fix(modals): correct some repops

* fix(gifting): style updates

* fix(modals): new dismiss logic

* fix(modals): new dismiss no go??

* refactor(close): catch up with dismiss functionality

* refactor(g1g1): optimizations
2020-02-24 16:54:56 +01:00
..
config/storybook PMs rebuild (#11360) 2020-01-12 19:34:40 +01:00
public move static files & fixes 2019-10-15 18:45:20 +02:00
scripts Storybook Example (#11494) 2019-12-05 22:35:23 +01:00
src Improve G1G1 process (#11792) 2020-02-24 16:54:56 +01:00
tests/unit Merge branch 'release' into develop 2019-12-31 06:52:22 -06: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 svg-inline-loader in /website/client (#11891) 2020-02-24 14:29:55 +01:00
package.json build(deps): bump svg-inline-loader in /website/client (#11891) 2020-02-24 14:29:55 +01: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 issues with local Docker development. 2019-12-31 11:47:32 -05: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