Flutter Meetup Berlin Workshop

Getting Started

1. Fork this repository.

2. [IMPORTANT] Enable actions by going to Actions -> I understand my workflows, go ahead and enable them.

3. Clone the forked repository.

   git clone https://github.com/<your-username>/flutter-meetup-berlin.git

4. Open the project in VSCode.

   code flutter-meetup-berlin

5. Bootstrap App

   flutter pub get    # Install deps
   flutter gen-l10n   # Generate localization files

6. Bootstrap Widgetbook

   cd widgetbook/
   flutter pub get                 # Install deps
   dart run build_runner watch -d  # Watch for generator changes

7. Run Widgetbook from VSCode (to enable hot reload)

Widgetbook Challenge

1. Add the missing PrimaryButton use-case.

Widgetbook Cloud Challenge

1. Sign up to Widgetbook Cloud.

2. Create a new workspace.

3. Create a new project by importing your forked repository.

4. Get the API key from the project's settings.

5. Add the API key to your repository's secrets as WIDGETBOOK_CLOUD_API_KEY by going to Settings -> Secrets and Variables -> Actions -> New repository secret.

6. Commit the new use-case to the repository's main branch.

   git add .
   git commit -m "feat(widgetbook): add button use-case"
   git push -u origin main

7. Fix the button radius, to match the design.

8. Commit your changes on a new branch.

   git checkout -b fix/increase-button-radius
   git add .
   git commit -m "fix: increase button radius"
   git push -u origin fix/increase-button-radius

9. Create a new pull request.

10. Wait for CI to finish, then check the Widgetbook Cloud status checks.

Resources

• 🔗 Figma File
• 🔗 Widgetbook Docs
• 🔗 Widgetbook Cloud