[Tech Improvement] Use of `widgetbook` to create a UI catalog & testing
📝 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
Nice! We are starting to work on creating widgets design-side. This will come to hand when we will have something ready
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!!
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! 🫡