Design mit System Workshop: Skalierbare Design Systems mit Storybook und Angular
Your trainer: Andreas Wissel, Freelance Consultant
Setup
Step 1: Devices and Software
Please bring your developer devices and install the following software. Already done? Click here for step 2.
NOTE: As web technologies move fast and quickly, there might be new releases in the meantime. To ensure everything works as intended, I recommend you stick to the versions noted below. Thanks!
Devices
- Laptop with recent Windows/macOS/Linux version
- Make sure you can access the Internet without any proxies and install software without group policies etc.
- When in doubt, use your private notebook.
Browsers (Desktop)
- Microsoft Edge, or any Chromium equivalent @ version 104 or later
Developer Tools
- Git
- Optional: Git UI tool such as TortoiseGit, Tower, SourceTree, GitKraken, …
- Node.js, version 16.17.0
- Visual Studio Code, recent version
Design Tools
- Create a free account at Figma
Step 2: Demo Repository
On your favorite terminal, please run:
npm uninstall -g @angular/cli @storybook/cli
npm cache verify
npm install -g @angular/cli@14.2.1
Next, navigate to a folder of your choice and execute:
git clone https://github.com/andreaswissel/design-systems-workshop.git
cd design-systems-workshop
If you prefer SSH, you can use this checkout URL: git@github.com:andreaswissel/design-systems-workshop.git