Slice desain yang telah kami buat di Figma ke Flutter. Program Flutter hasil slicing masing statis, hanya tampilan UI saja tanpa terkoneksi ke BE untuk transaksi data. Data yang ditampilkan juga berupa data dummy yang akan ditaruh di 1 file statis. Namun kami memiliki requirement terkait arsitektur aplikasi sebagai berikut:
- Menggunakan arsitektur clean architecture, referensi https://resocoder.com/2019/08/27/flutter-tdd-clean-architecture-course-1-explanation-project-structure/. Struktur folder sudah kami buatkan terlampir contohnya di gambar, struktur lengkap ada di GitHub private repo, akan kami bagikan kemudian.
- Menggunakan state management riverpod
- Menggunakan navogator 2.0 (declarative), menggunakan package go_router
- Menggunakan dependency injection, menggunakan package injectable
- Data dummy statis namun tidak benar-benar langsung hardcode di component. Tetap dibuat entity, datasource, repository, usecase, dan state management. Data source akan mereturn data statis langsung dari file berisi data dummy
Slicing tidak akan dilakukan dari 0, tapi akan kami beri akses ke repo private kami di GitHub untuk diclone dan dilanjutkan slicing sesuai dengan desain Figma yang telah kami buat. Link Figma: https://www.figma.com/proto/0svIf8eqj1FxCL4OI9oOWL/Silingo?page-id=0%3A1&node-id=272-1172&node-type=canvas&viewport=32%2C-1218%2C0.09&t=eegB5TV44cYjDNBR-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=119%3A2&show-proto-sidebar=1
Loading ...
