181011450390-FLUTTER-CHALLENGE - Example GitHub Search app built in Flutter & RxDart

Overview

Example GitHub Search app built in Flutter & RxDart

Simple app using the Flutter SearchDelegate class to show a list of users matching the input search query:

The app uses switchMap & debounce from RxDart for a good user experience, without putting too much load on the server, or compromising bandwidth and battery life on the client.

Simple architecture diagram:

  • GitHubSearchAPIWrapper: pulls the data from the GitHub REST API
  • GitHubSearchResult: contains the API response data
  • GitHubSearchDelegate: shows the search UI with a grid of results
  • GitHubSearchService: holds the logic for wiring up the API wrapper with the UI

Written tutorial here

Credits

This tutorial was heavily inspired by this talk by Brian Egan & Filip Hracek at ReactiveConf 2018:

LICENSE: MIT

You might also like...

A google browser clone which is made by using flutter and fetching the google search api for the search requests.

A google browser clone which is made by using flutter and fetching the google search api for the search requests.

google_clone A new Flutter project. Project Preview Getting Started This project is a starting point for a Flutter application. A few resources to get

May 31, 2022

Starlight search bar - Starlight search bar with flutter

Starlight search bar - Starlight search bar with flutter

starlight_search_bar If you find the easiest way to search your item, this is fo

Apr 20, 2022

A Flutter EventBus using RxDart

FlutterRxBus A Flutter EventBus using RxDart GitHub | Pub | Usage 1. Add to pubspec.yaml rxbus: latest version 2. Define Event Any Dart class or Lis

Sep 22, 2021

Clonning TIX ID with flutter with BLoC Pattern and RxDart

Clonning TIX ID with flutter with BLoC Pattern and RxDart

tix_app Cloning TIX ID in Flutter (Currently design only, next i will grab the movies from IMDB api for free) Feature Movies Movies Detail Ticket List

Aug 23, 2021

🌀 Shared preferences with RxDart Stream observation

🌀 Shared preferences with RxDart Stream observation

🌀 Shared preferences with RxDart Stream observation ⚡️ Reactive shared preferences for Flutter 🌸Reactive stream wrapper around SharedPreferences 🍄 Lightweight and easy-to-use 🌱 A reactive key-value store for Flutter projects. Like shared_preferences, but with Streams 📕 Rx Shared Preferences for Flutter 🌿 rx_shared_preferences 🌰 rx_shared_preference 🍷 Reactive SharedPreferences for Flutter 🌰 A stream based wrapper over shared_preferences, allowing reactive key-value storage.

Nov 4, 2022

A simple application connected with API (The Movie Database), related to movies. Application created using BLoC pattern and RxDart

MovieApp I will not hide that this is the most difficult application I have done so far (and I am still working on new features). It looks like this (

Oct 28, 2022

A simple state management solution that combine the power of inherited widget and rxdart

Inherited RxDart is a state management library that combine the power of InheritedWidget and RxDart, a simple and elegant state management solution for apps of any scale

Oct 26, 2022

Example of Continuous Delivery with Flutter, Firebase App Distribution, and Github Actions

Example of Continuous Delivery with Flutter, Firebase App Distribution, and Github Actions

Example of Continuous Delivery with Flutter, Firebase App Distribution, and Github Actions

Apr 5, 2022
Owner
null
Github-search - Allows users to search users on github Uses flutter

Github Search Github Search is a cross-platform mobile application powered by Flutter Framework and Github API. The application was built with simplic

Saul 3 Sep 13, 2022
Github-apps-flutter - Github Apps Build Using bloc 8.0 and Github API

Github_apps Inspiration This app is made to build using bloc 8.0 and github API.

Irvan Lutfi Gunawan 18 Apr 14, 2022
A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project. This starter kit build an App Store app as a example

Flutter Starter Kit - App Store Example A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter pro

kw101 678 Jan 8, 2023
🚀 User management app built in flutter using clean architecture, MVVM, get it, dio, RxDart, bloc, cubit, getX and provider

?? Go Rest app In this project, we are going to build a user management app using Flutter. We have used the Go REST API to make HTTP request methods.

Sina 99 Aug 14, 2023
Flutter Github Following Application, Using Flutter Provider and Flutter HTTP to get data from Github API.

Flutter Github Following Application Watch it on Youtube Previous Designs Checkout my Youtube channel Installation Please remember, after cloning this

Mohammad Rahmani 110 Dec 23, 2022
An open-source unofficial GitHub mobile client, that aims to deliver the ultimate GitHub experience on mobile devices.

DioHub for Github Summary Features Roadmap Support Screenshots Build Instructions Summary DioHub is an open-source unofficial GitHub mobile client, th

Naman Shergill 401 Jan 4, 2023
Challenge cannabis - Challenge for Slicing UI Cannabis from FLutter Fan Indonesia

challenge_cannabis Challenge buat Slicing UI Cannabis dari om Kipas Angin FLutte

wind city 3 May 11, 2022
Search Github repositories.

GitHub Search GitHub API を利用して GitHub のリポジトリを検索するアプリです。株式会社ゆめみのFlutterエンジニアコードチェックの要件を満たすよう実装しています。 本アプリを通して自分なりの最適なアーキテクチャを確立し、リファレンスコードにすることを目的にしていま

Keyber Inc. 48 Dec 31, 2022
Search Github repositories.

GitHub Search GitHub API を利用して GitHub のリポジトリを検索するアプリです。株式会社ゆめみのFlutterエンジニアコードチェックの要件を満たすよう実装しています。 本アプリを通して自分なりの最適なアーキテクチャを確立し、リファレンスコードにすることを目的にしていま

susa.keyber 11 Apr 17, 2022
Search Github repositories.

GitHub Search GitHub API を利用して GitHub のリポジトリを検索するアプリです。株式会社ゆめみのFlutterエンジニアコードチェックの要件を満たすよう実装しています。 本アプリを通して自分なりの最適なアーキテクチャを確立し、リファレンスコードにすることを目的にしていま

susa.keyber 13 Apr 28, 2022