Natalie L
9a896470d5
* first pass * second pass * third pass * fourth pass, not a lot of progress * fifth pass, slowly gettin there * breakpoint nonsense * flexbox and breakpoint nonsense * svg updates, css updates * whitespace * chore: merge upstream/develop * style(breakpoints): added responsive breakpoints, social column alignment tweaks * style(breakpoints): add xs-specific selectors and classes * style: mobile footer * style: mobile footer * style: static landing page footer * style: small tweaks to social layout * fix(translations): update website/common/locales/de/gear.json to develop * update(style): small updates * update(style): cleaning up code * update(style): cleaning up code * update(style): mobile footer updates * update(style): complete mobile footer & clean up code * update(style): add tablet breakpoint and remove rogue terms link
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
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