Skip to content

Simple CRUD Riverpod Flutter + Strapi API + Offline Database with Isar

License

Notifications You must be signed in to change notification settings

iniakunhuda/flutter_riverpod_strapi

Repository files navigation

Flutter Riverpod Strapi

GitHub stars GitHub forks GitHub watchers

GitHub license platform Open Source Love

Quick start

This is a normal flutter app. You should follow the instructions in the official documentation. This project uses Riverpod to separate the business logic with UI itself. And also on this project uses Clean Architecture approach to separate each feature.

Structure 🔥

├── lib
│   ├── core
│   │   ├── api
│   │   │   └── endpoints.dart
│   │   ├── constant
│   │   │   └── constant.dart
│   │   ├── database
│   │   │   └── database.dart
│   │   ├── helper
│   │   │   ├── app_exception.dart
│   │   │   ├── app_router.dart
│   │   │   └── network_detector.dart
│   │   └── http
│   │       ├── api_provider.dart
│   │       └── api_response.dart
│   ├── features
│   │   ├── contact
│   │   │   ├── data
│   │   │   │   ├── database
│   │   │   │   │   └── contact_db.dart
│   │   │   │   ├── datasource
│   │   │   │   │   ├── contact_datasource.dart
│   │   │   │   │   ├── contact_local_datasource.dart
│   │   │   │   │   └── contact_remote_datasource.dart
│   │   │   │   ├── dto
│   │   │   │   │   ├── contact_dto.dart
│   │   │   │   │   ├── error_dto.dart
│   │   │   │   ├── model
│   │   │   │   │   ├── contact_model.dart
│   │   │   │   └── state
│   │   │   │       ├── contact_state.dart
│   │   │   ├── domain
│   │   │   │   ├── provider
│   │   │   │   │   └── contact_provider.dart
│   │   │   │   └── repository
│   │   │   │       ├── contact_repository_impl.dart
│   │   │   │       └── contact_repository.dart
│   │   │   └── presentation
│   │   │       ├── screen
│   │   │       │   ├── create_screen.dart
│   │   │       │   ├── detail_screen.dart
│   │   │       │   ├── edit_screen.dart
│   │   │       │   └── list_screen.dart
│   │   │       └── widget

Features

  • Add, Edit and Remove Contact
  • Rest API from Strapi
  • Offline database
  • Script manager with derry
  • Clean Architecture

Banner Design

feed example feed example feed example feed example

Built With 🛠

  • Clean Architecture - The blueprint for a modular system, which strictly follows the design principle called separation of concerns.
  • Dartz - Functional Programming in Dart
  • Derry - A script manager to help you define script shortcuts and use them effortlessly
  • Dio - A type-safe HTTP client.
  • Freezed - Code generation for immutable classes
  • Go Router - Route management Flutter
  • Isar Database - Local Database
  • Riverpod - State management with upgrade from provider
  • Strapi API - Handle rest api from Headless CMS
  • Handle State - (Loading, No Data, Has Data, Error)

Author

  • Miftahul Huda

Don't forget to follow me, fork and give me a ⭐

How to run app

Install package

flutter pub get

Run in terminal to generate freezed file

derry build

Copy .env.example to .env and fill credential from Strapi

// assets/.env

API_KEY_STRAPI=xxx
API_BASE_URL=xxx

Strapi Setup

Install Strapi in your local computer

Run project

npm start

Create collection structure like this

feed example

About

Simple CRUD Riverpod Flutter + Strapi API + Offline Database with Isar

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages