Flutter UI challenge (with Box2D physic)- Smart washing machine app

Overview

Flutter UI Challenge- SMART Washing Machine

Flutter smart washing machine app

About project

The application was written based on this great UI concept: https://dribbble.com/shots/11018635-Washing-machine

Many thanks to Dimest, for allowing me to write an application based on his concept. I encourage you to check out the rest of his great arts: https://dribbble.com/Dimest

App in action

Washing machine GIF 1 Washing machine GIF 2 Washing machine GIF 3 Washing machine GIF 4

Follow me

If you want to be informed about new projects, follow me on Instagram or Twitter

Dev

To build application, you need to install Flutter (1.17+). You can find help here: https://flutter.dev/docs/get-started/install

The balls simulation is conducted using the Box2D physic engine.

Tips

In settings, you can switch to dark mode and turn off "metaball effect".

How to disable metaball

Issues
  • Because every version of flutter_test from sdk depends on quiver 2.0.5 and flutter_whirlpool depends on quiver 2.1.3, flutter_test from sdk is forbidden.

    Because every version of flutter_test from sdk depends on quiver 2.0.5 and flutter_whirlpool depends on quiver 2.1.3, flutter_test from sdk is forbidden.

    [flutter_whirlpool] flutter pub get Running "flutter pub get" in flutter_whirlpool...
    Because every version of flutter_test from sdk depends on quiver 2.0.5 and flutter_whirlpool depends on quiver 2.1.3, flutter_test from sdk is forbidden.

    So, because flutter_whirlpool depends on flutter_test any from sdk, version solving failed. pub get failed (1; So, because flutter_whirlpool depends on flutter_test any from sdk, version solving failed.) exit code 1

    opened by jwxiaoming 3
  • Hello, very like your app, is very good. I met a bug, the app can display normal, but can't see the water, also can't see the water in the rotation, to quote the following error:

    Hello, very like your app, is very good. I met a bug, the app can display normal, but can't see the water, also can't see the water in the rotation, to quote the following error:

    Hello, very like your app, is very good. I met a bug, the app can display normal, but can't see the water, also can't see the water in the rotation, to quote the following error:

    ======== Exception caught by rendering library ===================================================== The following assertion was thrown during paint(): RenderBox was not laid out: RenderClipOval#2745f 'package:flutter/src/rendering/box.dart': Failed assertion: line 1930 pos 12: 'hasSize'

    Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause. In either case, please report this assertion by filing a bug on GitHub: https://github.com/flutter/flutter/issues/new?template=2_bug.md

    opened by guolidaxian 2
  • Save

    Save

    opened by heathKliff 0
  • RenderBox was not laid out: RenderClipOval#734c9

    RenderBox was not laid out: RenderClipOval#734c9

    Hi, thanks for this wonderful App! but the washing machine drum doesn't seem to be rendering for me, and I seem to be facing an exception. I am running it on an Android 10 device with Flutter 2.0.1

    Error: ════════ Exception caught by rendering library ═════════════════════════════════ RenderBox was not laid out: RenderClipOval#370c4 'package:flutter/src/rendering/box.dart': Failed assertion: line 1940 pos 12: 'hasSize'

    The relevant error-causing widget was ClipOval lib\…\washing_machine\washing_machine_case.dart:89 The following RenderObject was being processed when the exception was fired: RenderClipOval#370c4 RenderObject: RenderClipOval#370c4 needs compositing parentData: (can use size) constraints: BoxConstraints(w=217.0, h=217.0) size: MISSING child: _WhirlpoolRenderObject#a64b9 NEEDS-PAINT needs compositing parentData: (can use size) constraints: BoxConstraints(w=217.0, h=217.0) size: MISSING ════════════════════════════════════════════════════════════════════════════════

    Please let me know if this is a known bug or a fix exists? Thanks!

    opened by saurabhchalke 0
  • add localization and RTL support

    add localization and RTL support

    Added localization to support the Persian language. Added support RTL UI.

    opened by resfandiari 0
Owner
Tomasz Pawlikowski
Flutter | Angular | .NET
Tomasz Pawlikowski
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

Payam Zahedi 15 Jan 9, 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 606 Jan 16, 2022
Starter app for Flutter that includes many different production app features; some not typically included in demo apps.

first_app: Starter app for a Flutter production app Maintainer: Greger Wedel, https://github.com/gregertw Listed on: Latest build and artifacts: ** La

Greger Teigre Wedel 293 Jan 19, 2022
Trying out Flutter for desktop Web app development as an alternative to SPA frameworks (such as React and Angular) by recreating one of the pages of an existing CV Management web app

HTML Renderer Demo CanvasKit Renderer Demo Reddit discussion This repo contains a PoC of using Flutter as a traditional SPA framework for creating a d

Maxim Saplin 13 Dec 26, 2021
It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Zikyan Rasheed 26 Oct 28, 2021
Find The Latest trending and upcoming movies and tv shows with MovieDB app. The app contains all info about movies and tv shows. find similar movies or shows, Browse all genres, video trailers, backdrops, logos, and posters.

MovieDB App Features. Dynamic Theming Search Functionality Onboarding-Screen Select favourite movie Home Screen Tranding movie Movies different catego

Ansh rathod 31 Jan 1, 2022
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

Johannes Milke 24 Jan 19, 2022
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

Johannes Milke 15 Dec 20, 2021
A quick sample app on how to implement a friend list and a profile page in Flutter.

FlutterMates All code resides in the /lib folder: there's no Android / iOS specific code needed. The article, slides and how this came to be, is here.

Codemate Ltd 485 Jan 10, 2022
A weather app built to learn how to use Canvas and Animation in Flutter.

Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath

Alessandro Aime 143 Jan 11, 2022
🍝 restaurant menu app made with flutter inspired by this design https://goo.gl/jChLBV

Menu Flutter Todo Make background colors that changes with PageView Add custom tab indicators Change food prices Make cart animation Customize card sh

Braulio Cassule 558 Jan 10, 2022
Flutter app for collection of UI in a UIKit

Flutter UIKit The goal of this project is to provide an ultimate collection of real world app's UIs. While I built Flutter UIKit for my own needs, it

Pawan Kumar 5.7k Jan 12, 2022
A Flutter project of book app UI

Book App Flutter A Flutter project of book app UI from prototype originally by Travis. Video Tutorial You can find the video tutorial of this project

Ardiansyah Putra 302 Jan 11, 2022
Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider.

DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to

Jake Gough 209 Jan 13, 2022
Flutter representation of a Restaurant app UI.

?? Foodybite Flutter representation of a Restaurant app UI i found in Uplabs. It only consists of 2 screens. Star ⭐ the repo if you like what you see

Festus Olusegun 1.1k Jan 17, 2022
a chat app ui design made in flutter

Chat Application UI in Flutter a chat application ui created using flutter. this application consits of two pages Homepage view with tab bar and tab b

Antony David 50 Oct 30, 2021
Flutter Cryptocurrency App with Riverpod & Freezed + Dio for API REST

Flutter Crypto APP Complete Flutter Application with Riverpod & Freezed + Dio for API REST. Features API REST (CryptoWatch) Linear Graph View (Hour, D

Salvador Valverde 181 Jan 16, 2022
Flutter/Android water reminder app

Water Reminder App Android water reminder App made with Flutter using Android APIs such as DataStore and AlarmManager. Uses a native activity which is

Fabian 15 Dec 24, 2021