Design System proof of concept
This project was created using:
- Webpack as a web application bundler.
- Yarn to manage project dependencies.
- MapLibre for map framework.
- Storybook for UI component management.
- Load package into your project
yarn add @cityofdetroit/cod-design-system
npm i @cityofdetroit/cod-design-system
-
Download the repo.
$ git clone git@github.com:jedgar1mx/COD-Design-System.git
-
Install node dependencies.
$ yarn
-
Run local instance.
$ yarn storybook
-
Build storybook.
$ yarn build-storybook
Use Storybooks built-in test-runner:
-
Run a local instance of storybook in one process.
-
Invoke the test runner in another. Note: depending on the power of you machine, you may have to reduce concurrent workers to avoid test timeout failures. Use
--maxWorkers=2
to limit the workers to two.$ yarn test-storybook
The remote repository will enforce ESLint rules and Prettier formatting.
To check ESLint and Prettier formatting locally:
$ yarn lint
To format the code in ./src/
:
$ yarn prettier -w ./src