\n\n----\n\n`design_system` is the central repository to manage our UI components. This should lead to a straight forward separation of concerns, so that UI logic keeps within the component library and business logic will be added in the actual application. This way we can guarantee a specific degree of consistency across all our applications, rapidly speed up our development process of frontend applications and even achieve a high degree of customization by overwriting the theme object.\n\nNote: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Installation\n\nInstall from the command line:\n\n```sh\nyarn install @anynines/mobile-design-system\n```\n\nInstall via package.json:\n\n```sh\n\"@anynines/mobile-design-system\": \"^0.1.0\"\n```\n\n## Development\n\nClone the GitHub Repo locally, then run\n\n```sh\nyarn install\n```\n\nRun this to build the package (before an update in external repo), important after changing components or other configurations:\n\n```sh\nyarn build\n```\n\n## Testing\n\nIn the project directory, you can run:\n\nRun this to start the storybook application\n\n```sh\nyarn storybook \n# or\nyarn sb\n```\n\nRun this to ensure it is correctly packaged\n\n```sh\nyarn start\n```\n\nRun this to start the Test Suite\n\n```sh\nyarn test\n```\n\nLaunches the test runner in the interactive watch mode.\n\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n## Production\n\nIt automatically deploys the design_system if you push a commit on the master-branch.\n\nFor a manual Deployment you need to build the application first with\n\n```sh\nyarn build\n```\n\nCheck if the `dist` Folder has the completed build in it (should include all Components). Only the dist-folder needs to be deployed (if you want to add a folder to the deployment you need to add those in the `package.json` in the `files-array`).\n\nIf your test-suite is also okay you can publish the build via\n\n```sh\nyarn publish\n```\n\n## Learn More\n\nYou can learn more in the [Parcel documentation](https://en.parceljs.org/getting_started.html).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n","readmeFilename":"README.md"}
![](\"https://user-images.githubusercontent.com/61698985/95465564-99268d00-097b-11eb-8443-4e27d0252fae.png\")