0

flutter_ui_challenges

Trying to replicate various app UIs in flutter

Github 资源库
主要指标

Github星跟踪图

Flutter UI Challenges

My effort on replicating various apps UI on flutter.

Building and running the code

  • From now on, you need to create your own firebase project and add the config files in order to build the project

    In order to build the project before firebase services were added please checkout the branch without-firebase

Table of contents

Speed codes Youtube

My Flutter Plugins

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

  1. Flutter Automation
    A flutter package that helps you setup firebase auth, android signing, firestore CRUD, google maps automatically with just a command.

  2. Custom Clippers
    A bunch of custom clippers to help you clip your widgets into different shapes

  3. Bottom Reveal Widget
    A flutter package that provides an animated bottom reveal widget, the example is in the Animations section below.

Complete app examples

  1. Audio Book App
    An audio books listening app (works on background), where you can listen to audio books from librivox.org

  2. Quiz App
    A trivia app made with flutter using opentdb.com api

  3. Khalti Clone
    An effort to clone Khalti (A nepal based mobile payment app) app's UI

  4. Android Launcher
    A simple android launcher app made with flutter

  5. 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

  1. Flutter Crypto List
    Flutter crypto tracker using coinmarketcap.com api. Demonstrate using http library to perform simple http request and displaying the result

  2. Simple BLOC pattern example
    Simple Example demonstrating state management in flutter using Streams (BLoC pattern) / RxDart

  3. Hangman
    Simple hangman game example in flutter

  4. Firebase Login
    Very simple flutter authentication example using Firebase auth

  5. Http requests
    Simple http request example with Future, json decode, async/await and FutureBuilder widget

  6. Flutter Lessons
    Basic to intermediate flutter code examples, projects I made while teaching flutter

  7. Flutter Flavors
    Setting up flavors in flutter app, using multiple firebase config based on flavors. Companion Youtube Tutorials

  8. Google Map Experiments
    Learning different aspects of integrating google maps in flutter app.

  9. Animation Experiments
    Simple to advance animation examples in flutter

Contributors

  1. Damodar Lohani
  2. Sudip Thapa
  3. Shyam Adhikari (UI/UX Designer)
  4. Mausam Rayamajhi
  5. Siddhartha Joshi

Packages Used

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

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

主要指标

概览
名称与所有者lohanidamodar/flutter_ui_challenges
主编程语言Dart
编程语言Objective-C (语言数: 10)
平台
许可证MIT License
所有者活动
创建于2018-12-16 13:48:38
推送于2024-08-18 09:41:16
最后一次提交2023-05-07 19:22:22
发布数1
最新版本名称v3.0.0 (发布于 2019-09-23 07:43:08)
第一版名称v3.0.0 (发布于 2019-09-23 07:43:08)
用户参与
星数4.7k
关注者数175
派生数1.4k
提交数501
已启用问题?
问题数34
打开的问题数1
拉请求数38
打开的拉请求数0
关闭的拉请求数16
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?