Flutter UI Challenges

Last update: Aug 8, 2022

FLUTTER UI CHALLENGE Flutter

Put your Flutter experience to test with these UI Challenges.

⚠️ Contributions must be made in this repository. ⚠️

Levels:

Beginner

Profile App (Completed)

Design made by Shahin Srowar

Intermediate

Travel App (Completed)

Design made by Daryl Ginn

Book Reader

Design made by Noam Liss

Advanced

Drink Shop

Design made by Yaroslav Zubko

Impossible

** Insert impossible challenge here **

Getting Started

For help getting started with Flutter, view our online documentation.

GitHub

https://github.com/tomialagbe/flutter_ui_challenges
You might also like...

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Jul 29, 2022

Let's create a selectable Flutter Navigation Drawer with routing that highlights the current item within the Flutter Sidebar Menu.

Let's create a selectable Flutter Navigation Drawer with routing that highlights the current item within the Flutter Sidebar Menu.

Flutter Tutorial - Sidebar Menu & Selectable Navigation Drawer Let's create a selectable Flutter Navigation Drawer with routing that highlights the cu

Aug 7, 2022

Components that optimize Flutter fluency.(Flutter 流畅度优化的通用方案,轻松解决卡顿问题)

Components that optimize Flutter fluency.(Flutter 流畅度优化的通用方案,轻松解决卡顿问题)

Flutter fluency optimization component "Keframe" Page switching fluency improved: How to use Project depend on: Quick learning Constructor Description

Aug 9, 2022

Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.

Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.

Weekend With Flutter This is my new challenge. Every weekend, I want to implement challenging UI & digital designs using Flutter. you can join me with

Feb 24, 2022

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf

Jun 25, 2022

Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter.

Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter.

Flutter Tutorial - Collapsible Sidebar Menu & Navigation Drawer Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navig

Aug 1, 2022

🚗 Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

🚗 Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

CarPlay with Flutter 🚗 Flutter Apps now on Apple CarPlay! flutter_carplay aims to make it safe to use iPhone apps made with Flutter in the car by int

Aug 5, 2022

Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file folder.

Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file folder.

Flutter UI Boilerplate "Sharing for fun" Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file f

Aug 8, 2022
Comments
  • 1. Tomi dev

    I've implemented the header view and the horizontal list below the header.

    TODO:

    • Add a radial gradient to the header.
    • Implement the main navigation menu.
    • Find a better font for the text?
    Reviewed by tomialagbe at 2018-03-07 11:16
  • 2. Book reader does not working correctly

    It seems the Book reader app does not work. Nothing happens when the user clicks on the Read Book button also app does not look like the showcase in readme.

    https://user-images.githubusercontent.com/57481226/159883474-5ab92857-8b3d-4571-be8a-42684eee54d6.mov

    Reviewed by mahmoud-eslami at 2022-03-24 09:16
  • 3. drink shop is not working ,

    there is an issue with PI , some file they dont have math libraries , and it's pi not PI

    • inserting new drink is not working too ,
    • the application work as static image :)
    Reviewed by badrshs at 2019-09-07 12:21
  • 4. drink shop example app is not working

    I pull the code cd ../../drinkshop flutter run

    it runs app on my android emulator but it is not working fully as shown in gif here is how it is working https://youtu.be/wY5xrdK27qM

    Reviewed by sultanmyrza at 2018-05-09 02:36

Related

Implementation of different design challenges in flutter.
Implementation of different design challenges in flutter.

my_flutter_ui_challenges Different set of screens implemented using flutter. Home Screen Car Rental App Design concept taken from https://www.uplabs.c

Jun 8, 2022
Flutter UI Challenges for fun
Flutter UI Challenges for fun

flutter_fun Just small ui challenges for Fun. Glitch effect experiment IoT Humidity App Slider Design: https://dribbble.com/shots/6315218-IoT-Humidity

Jul 19, 2022
Waseat: Carbon Emissions Challenges With Flutter
Waseat: Carbon Emissions Challenges With Flutter

What is waseat? Used Technologies Waseat Designs Waseat Flutter Coded Views Waseat Product Presentation https://flutter.istanbul/waseat_sunum/sunum_vi

Mar 22, 2022
🆙🚀 Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in
🆙🚀  Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in

???? Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in (with notice bar progress), supports full upgrade, hot update and incremental upgrade

Aug 12, 2022
ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter
ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter

Basic Widgets Examples This is aimed for complete beginners in Flutter, to get them acquainted with the various basic widgets in Flutter. Run this pro

Aug 15, 2022
Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.
Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.

expenses Expenses é uma aplicação android simples feita em Flutter para controlar despesas pessoais. A aplicação consiste em: Listar transações feitas

Apr 19, 2022
Flutter Github Following Application, Using Flutter Provider and Flutter HTTP to get data from Github API.
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

Aug 10, 2022
Flutter RSS feed parsing - A demo application of flutter which parse RSS XML contents to the flutter application
Flutter RSS feed parsing - A demo application of flutter which parse RSS XML contents to the flutter application

Flutter RSS feed parsing demo This is demo application of flutter which shows ho

Jun 4, 2022
Jan 31, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Jul 11, 2022