sossoldi icon indicating copy to clipboard operation
sossoldi copied to clipboard

[Tech Improvement] Use of `widgetbook` to create a UI catalog & testing

Open dariowskii opened this issue 8 months ago • 3 comments

📝 Improvement Description

I discovered in November widgetbook, a free package for creating a catalog of Flutter widgets within a project.

It would definitely be handy for avoiding duplication and quickly testing certain aspects of the UI.

🛑 Problem Statement

Currently there is no widget catalog to have knowledge of what already exists within the project

💡 Proposed Solution

Implement Widgetbook and evaluate the cloud sub for UI testing. For reference: widgetbook site

🌿 Benefits

Adopting this package would allow:

  • create a catalog of all the widgets present
  • avoid duplications
  • quickly test graphical aspects

In addition, using the cloud part of widgetbook (the free one is already enough for a small project) would have:

  • Automated UI testing
  • access to designers to approve any graphical changes
  • links of pages to Figma
  • differences in UIs from previous versions

🧱 Impact Area

  • [ ] Backend
  • [x] Frontend
  • [x] Infrastructure
  • [ ] DevOps
  • [ ] Other

✍️ Additional Context

Official site: widgetbook.io Flutter Observable for Widgetbook to discover the service: Youtube Video

📜 Code of Conduct

  • [x] ✅ I agree to the Code of Conduct

dariowskii avatar Mar 29 '25 15:03 dariowskii

Nice! We are starting to work on creating widgets design-side. This will come to hand when we will have something ready

federicopozzato avatar Mar 29 '25 20:03 federicopozzato

seems a good idea! But I think we first have to fix a lot of stuffs on the code side...theming mostly. Currently the theming system is broken and doesn't follows the Material guidelines (in terms of naming, etc...), and it makes very hard for new devs to approach the repo.

I am looking to fix them in #378.

Didn't push the commit of the theme-fix yet since it's very big, and I am working on it locally.

Looking forward for collaborators on that PR!!

fres-sudo avatar Mar 29 '25 20:03 fres-sudo

But I think we first have to fix a lot of stuffs on the code side...theming mostly.

@fres-sudo Absolutely! would be the last thing to do after restructuring the project but before starting new features

Looking forward for collaborators on that PR!!

I come to your rescue captain! 🫡

dariowskii avatar Mar 30 '25 08:03 dariowskii