https://github.com/itaditya/design-troopers
Storybook-
https://github.com/itaditya/design-troopers
Last synced: 6 months ago
JSON representation
Storybook-
- Host: GitHub
- URL: https://github.com/itaditya/design-troopers
- Owner: itaditya
- Created: 2019-08-12T14:46:55.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T01:41:52.000Z (over 3 years ago)
- Last Synced: 2025-04-07T17:35:16.761Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://design-troopers.netlify.app
- Size: 7.91 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Design Troopers
Made to understand how different tools can be used to build a Design System.
### Tools Used-
* Tailwind + PostCSS for styling.
* [Birla](https://www.npmjs.com/package/birla) for generating components from template.
* Rollup for bundling lib.
* Styleguidist + Webpack for docs.
* Jest for component testing.
* Cypress for E2E testing.
* Percy for Visual testing.
* Flow for adding types.
### Setup Guide-
1. Download yarn and this repo run `yarn install`.
1. Open docs in dev (watch) mode via `yarn docs:dev`.
1. Run E2E tests on docs with `yarn cy:open`.
### Visual Testing.
#### Chromatic
Get the `CHROMATIC_APP_CODE` from Chromatic website then run
```sh
CHROMATIC_APP_CODE=XXXXX yarn chromatic
```