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

You might also like...

IoTF app is a smart farming app for IoT and AI-powered tomato plant disease detection. It is built with Flutter and uses Firebase as its backend.

Internet of Tomato Farming IoTF app is a smart farming app for IoT and AI-powered tomato plant disease detection. It is built with Flutter and uses Fi

Dec 9, 2022

MetaHome - a smart home app concept built with Flutter

MetaHome - a smart home app concept built with Flutter

MetaHome πŸ‘‘ A smart home app concept Installation Clone the repo git clone https://github.com/ys-sherzad/MetaHome.git On you project directory flutte

Oct 10, 2022

Smart Home app ui design in a neomorphism style.

Smart Home app ui design in a neomorphism style.

Smart Home App UI A smart home app ui design in a neomorphism style built using Flutter. Show some ❀️ and star ⭐ the repo, it makes me to share more o

Sep 20, 2022

TraWell App - your Smart trawell buddy, Powered by AI

TraWell App - your Smart trawell buddy, Powered by AI

TraWell App your Smart trawell buddy, Powered by AI. View Demo Β· Report Bug Β· Request Feature About The Project TraWell comes with a cross platform mo

Dec 16, 2022

It is an IoT smart home app

It is an IoT smart home app

Smart Home Our world is increasingly interconnected - most of us own a smartphone and can access all kinds of information right from our pockets. From

Dec 26, 2022

A clock made in Flutter for smart clocks, with a cute snake that follows you all day long.

A clock made in Flutter for smart clocks, with a cute snake that follows you all day long.

Snake Clock This is an original and fun clock face where a snake lives its day along yours. It’s my first ever Flutter app! I built it for the Flutter

Nov 7, 2022

Smart Home Page UI Built Using Flutter

Smart Home Page UI Built Using Flutter

smart_home_page_ui A prototype for an app, assigned me to designed home page UI

Dec 7, 2022

A simple, smart and powerful Flutter calculator widget.

A simple, smart and powerful Flutter calculator widget.

Flutter Calculator Widget A simple, smart and powerful Flutter calculator widget. Features Basic arithmetic: plus, minus, multiply, divide, %, bracket

Nov 9, 2022

Flutter project being built in the context of Smart India Hackathon { SIH }.

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

Dec 29, 2022
Comments
  • 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
  • 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
Owner
Tomasz Pawlikowski
Flutter | Angular | .NET
Tomasz Pawlikowski
Smart home UI - A Flutter UI for Smart Home App

smart_home_app UI for Smart Home App Images

Aymen Ziouche 11 Dec 22, 2022
Cowin smart print - A GUI based CoWIN Certificate to Smart Card Converter

CoWIN Smart Print A GUI based CoWIN Certificate to Smart Card Converter. Feature

Shreyam Maity 2 Mar 9, 2022
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
Learn how to build a tensorflow model on Techable Machine and then run it on flutter app.

Ml With Flutter Learn how to build a tensorflow model on Techable Machine and then run it on flutter app. Youtube Tutorial Show Support Recommend Me O

Sanskar Tiwari 133 Jan 3, 2023
App for visually impaired using Machine Learning, Artificial Intelligence, and Flutter.

Your Eyes ?? Introduction Our Application aims to bridge the gap between them and the visual world by Deep Learning and lucid User-Interface for easy

Jatin Yadav 5 Dec 9, 2022
Flutter App Build for the machine Learning model which shows sentiments of instagram user by analysing their captions

InstaKnow Front-end By @ketanchoyal Back-end By @namas191297 Front-end Application Flutter application that allows user to analyze sentiments of other

Ketan Choyal 40 Oct 28, 2022
A Machine Learning App for an Age-Old Debate. Coming April 1st 2019.

Sandwhich Website | Twitter Sandwhich is a mobile app built to solve the sandwich debate by determining if the picture you've taken is a sandwich usin

null 140 Dec 28, 2022
An extension to the bloc state management library which lets you create State Machine using a declarative API

An extension to the bloc state management library which lets you create State Machine using a declarative API

null 25 Nov 28, 2022
A powerful state machine for MobX management, that can be used in almost any application state.

A powerful state machine for MobX management, which can be used in almost any application state. It has 3 states - loading, success, error - and is pe

Daniel Magri 8 Oct 31, 2022