Flutter UI Challenges

My effort on replicating various apps UI on flutter.

Building and running the code [ Updated ]

Thank you all for your tremendous support. With latest update, I have removed all firebase dependency, and project now runs on web and desktop as well. Please use flutter master channel to run and build. If you want previous version with firebase please checkout with-firebase branch.

Table of contents

Youtube Speed Codes
My flutter plugins
Complete App Examples
Code Examples
Contributors
Animation Examples UI
Ecommerce UIs
Login/signup UIs
Settings UIs
Dashboard UIs
Motorbike App UIs
Profile UIs
Invitation App UIs
Lists UIs
Navigation UIs
Onboarding UIs
Miscellaneous UIs
Blog UIs
Food App UIs
Quiz App UIs
Todo App UIs
Hotel App UIs
Travel App UIs
Grocery App UI Kit
Bank App Clone
Furniture App UI

Speed codes Youtube

My Flutter Plugins

These are some of my flutter plugins, that might help you in your flutter development journey.

Flutter Automation
A flutter package that helps you setup firebase auth, android signing, firestore CRUD, google maps automatically with just a command.
Custom Clippers
A bunch of custom clippers to help you clip your widgets into different shapes
Bottom Reveal Widget
A flutter package that provides an animated bottom reveal widget, the example is in the Animations section below.

Complete app examples

Audio Book App
An audio books listening app (works on background), where you can listen to audio books from librivox.org
Quiz App
A trivia app made with flutter using opentdb.com api
Khalti Clone
An effort to clone Khalti (A nepal based mobile payment app) app's UI
Android Launcher
A simple android launcher app made with flutter
Iremember
A simple app, that helps you remember where you kept your items by taking pictures. Demonstrates the use of SQLite Database and Image picker plugin

Code Examples

Flutter Crypto List
Flutter crypto tracker using coinmarketcap.com api. Demonstrate using http library to perform simple http request and displaying the result
Simple BLOC pattern example
Simple Example demonstrating state management in flutter using Streams (BLoC pattern) / RxDart
Hangman
Simple hangman game example in flutter
Firebase Login
Very simple flutter authentication example using Firebase auth
Http requests
Simple http request example with Future, json decode, async/await and FutureBuilder widget
Flutter Lessons
Basic to intermediate flutter code examples, projects I made while teaching flutter
Flutter Flavors
Setting up flavors in flutter app, using multiple firebase config based on flavors. Companion Youtube Tutorials
Google Map Experiments
Learning different aspects of integrating google maps in flutter app.
Animation Experiments
Simple to advance animation examples in flutter

Contributors

Packages Used

Flutter Swiper (https://pub.dartlang.org/packages/flutter_swiper)
Flutter Custom Clippers (https://pub.dartlang.org/packages/flutter_custom_clippers)

Credits

The code for Springy Widget is taken and refactored from (https://github.com/matthew-carroll/flutter_ui_challenge_springy_slider)

Animations

Ecommerce

User Flow Screens

Settings UIs

Dashboard UIs

Motorbike App UIs

Profile Screens

Inviation App UI

Lists UIs

Navigations

Onboarding Screens

(Smart walled onboarding is from https://www.uplabs.com/posts/smart-wallet-onboarding)

miscellaneous widgets

Blog

Food App

Quiz App

Todo App

Hotel App

Travel App

grocery App UI Kit

(design credit: https://www.uplabs.com/posts/grocery-app-kit)

Whats implemented

Working bottom navigator to show different pages
Navigation push/pop to show details page
Stateless & Stateful Widgets
Custom widgets for list items, category items etc.

Bank App Clone

Bank app clone by Mausam Rayamajhi

Furniture App UI

Furniture App by Mausam Rayamajhi