Fluwix: The Glassmorphism Design

The Glassmorphism Design showcase an example of the glassmorphism package created by Ritick Saha.

The package simplified the creation of Glassmorphic container. I not sure why the package's owner make the width and height properties of the GlassmorphicContainer class required. It is harder to make a widget responsive if you need to specify the height and width of the widget.

You can see the following showcase live powered by Fluwix.com:-

Thanks for your patient and reading till here. You are invited to fork the fluwix github repo, add your code and send me pull request. The key takeaways are you can showcase your code live in an Android app, Fluwix.com and embedded HTML (as iframe) in your blog post. We will take care the hassles of managing the deployment, production and marketing for you. If you're interested, please submit your idea of showcase.

Are you facing any problem with your Flutter development? Please answer the 3 questions Flutter Development Survey as we might have the solution to your problem. 

By the way, you can install the Fluwix (formerly Flutter Widgets Explorer) app to your android phone by clicking on the following image link:

Kindly raise an issue if you have any problem running the Fluwix on your mobile or web.

If you are interested to reuse the source code of the screen, please check out the glassmorphism_design branch of the git repository hosted at https://github.com/limcheekin/fluwix. Feel free to fork the repository and send me pull request.

Lastly, Flutter Widgets Explorer is still in the progress of re-branding to Fluwix, so that the mobile apps and web is under one brand name.

I'd love to hear from you. :)

Fluwix: The Percent Indicator

The Percent Indicator display animated progress widgets based on percentage, can be Circular or Linear, you can also customize it to your needs.. It was created by Diego Velásquez. 

You can see the following showcase live powered by Fluwix.com:-

Thanks for your patient and reading till here. You are invited to fork the fluwix github repo, add your code and send me pull request. The key takeaways are you can showcase your code live in an Android app, Fluwix.com and embedded HTML (as iframe) in your blog post. We will take care the hassles of managing the deployment, production and marketing for you. If you're interested, please submit your idea of showcase.

Are you facing any problem with your Flutter development? Please answer the 3 questions Flutter Development Survey as we might have the solution to your problem. 

By the way, you can install the Fluwix (formerly Flutter Widgets Explorer) app to your android phone by clicking on the following image link:

Kindly raise an issue if you have any problem running the Fluwix on your mobile or web.

If you are interested to reuse the source code of the screen, please check out the percent_indicator_showcase branch of the git repository hosted at https://github.com/limcheekin/fluwix. Feel free to fork the repository and send me pull request.

Lastly, Flutter Widgets Explorer is in the progress of re-branding to Fluwix, so that the mobile apps and web is under one brand name.

I'd love to hear from you. :)

Flutter Widgets Explorer Go Web @ fluwix.com

The Web version of the Flutter Widgets Explorer finally released to production at fluwix.com.

You see a word "finally" in the sentence above as the efforts required to web-enabled a Flutter mobile apps is greatly underestimated by me. I initially thought that I just need to make the layout of the app responsive, then it should run on the web automatically. The current stage of Flutter web support prove me wrong.

I wouldn't like to bore you with the details for now and let's me show you the outcome. On the left of the following image is how the Flutter Widgets Explorer looks on the first launch when it is run on your mobile browser and on the right is on your desktop browser:

Then, let's select the newly added showcase "Material Design Showcase", on the left of the following image is how the Material Design Showcase looks when it is run on your mobile browser and on the right is on your desktop browser:

Alternatively, you can access the Material Design Showcase with direct link https://www.fluwix.com/material_design_showcase, please see the following image:

Thanks for your patient and reading till here. You are invited to fork the fluwix github repo, add your code and send me pull request. The key takeaways are you can showcase your code live in an Android app, Fluwix.com and embedded HTML (as iframe) in your blog post. We will take care the hassles of managing the deployment, production and marketing for you. If you're interested, please submit your idea of showcase.

Are you facing any problem with your Flutter development? Please answer the 3 questions Flutter Development Survey as we might have the solution to your problem. 

By the way, you can install the Fluwix (formerly Flutter Widgets Explorer) app to your android phone by clicking on the following image link:

Kindly raise an issue if you have any problem running the Fluwix on your mobile or web.

Lastly, If you are interested to look into details of how I web-enabled the mobile apps and how the Material Design Showcase module is created, please check out the responsive and material_design_showcase branch of the git repository hosted at https://github.com/limcheekin/fluwix. Feel free to fork the repository and send me pull request.

Hope to hear from you soon! :)

Pay $0.01 for Cloud Hosted MLflow

Let's say you're a ML practitioner working in start up, small company or any company that had limited budget and you would like to explore the use of MLflow to manage your team's machine learning life cycle, but you don't want to take the hassle of setup your own instance of MLflow. Then, the good new is "You can have your own MLflow tracking server and MLflow UI running on the cloud for $0.01 only", that's sound unbelievable, right?

I found the following great deal from AWS Marketplace:When I come across the offer above from InfinStor, I think it is too good to be true, there's must be a catch. I decided to take up the offer and try it out. First of all, I don't have any affiliation or association with InfinStor, I wrote this post is simply for sharing purpose.

Once you sign up and login to the InfinStor console, you will see the following screen which clearly tell you what is the possible "hidden" cost involved. 

In short, if you're NOT running the jupyter notebook and MLflow project using EC2 instance, the cost should be minimal. To setup the MLflow tracking server, please check the documentation under "Initial Configuration By Admin" section.

I tested the MLflow tracking server and MLflow UI by running a MLflow project locally. You can checkout the changes I made for helloworld example and go through the Using InfinStor Mlflow Projects to find out how to do that.

Hope this help. Happy weekend! :)

Four Key Stages of The Machine Learning Process

These four stages is defined by Emmanuel Ameisen in his recent book Building Machine Learning Powered Applications. As I think it is an important piece, I created a process diagram above and note down few important points for each stage. You can considered this is a study note.

1. Identifying the Right ML Approach

The best approach for a given problem (product goal) will depends on success criteria, data availability, task complexity and model choice.

2. Building an Initial Prototype

Start by building an end-to-end prototype before working on a model which aim to tackle the product goal with no ML involved and will allow you to determine how to best apply ML.

3. Iterating on Models

If you need ML, start gathering dataset, train a model and evaluate it shortcomings. The goal of this stage is to repeatedly alternate between error analysis and implementation.

4. Deployment & Monitoring

Once a model shows good performance, you should pick an adequate deployment option. Once deployed, models often fail in unexpected ways. The last two chapters of the book will cover methods to mitigate and monitor model errors.

Side Note

I added an arrow labelled "New product goal, Revised product goal" to the process diagram. Based on my experience, software products evolve, it will not end there after the ML solution went live. Hence, it is likely that the existing product goal will be revised or new product goal being inspired or discovered. Then, the cycle start from stage 1. Don't you think so?

Showcase Your Widget with Flutter Widgets Explorer

Start from now, you can use Flutter Widgets Explorer as a platform to showcase your widget with README, codes and licensing information. The Flutter Widgets Explorer supports Android devices at the moment and will support Web in a week or two (Updated on 16 April 2021: The web version of the Flutter Widgets Explorer just went live @ fluwix.com). 

That's made possible by the Showcase View widget, let's me show you how it looks:

If the default Read Me, Code and License tabs are not enough for you, the Showcase View widget support additional tabs too, please see the following image:

Does it sound and look interesting? You are invited to fork the fluwix github repo, add your code and send me pull request. The key takeaways are you can showcase your code live in an Android app, Fluwix.com and embedded HTML (as iframe) in your blog post. We will take care the hassles of managing the deployment, production and marketing for you. If you're interested, please submit your idea of showcase.

Are you facing any problem with your Flutter development? Please answer the 3 questions Flutter Development Survey as we might have the solution to your problem. 

By the way, you can install the Fluwix (formerly Flutter Widgets Explorer) app to your android phone by clicking on the following image link:

Kindly raise an issue if you have any problem running the Fluwix on your mobile or web.

I think the best way to find out how Flutter Multi-modules works is create the module and try it out yourself. If you don't have any idea, I'm looking for contributors to help on migrate the existing showcases to Flutter modules. So far 5 completed, 9 more to go. If you are interested to help, feel free to look into the module migration guide. If you're still not turn down by the long list of steps and willing to give me a hand, great! :), kindly open an issue in the Github issues and tell me which showcase you are interested to migrate (Updated on 16 April 2021: I completed all migration works myself, thanks to module_starter automated most of the manual works). 

Lastly, If you are interested to reuse the source code of the screen, please check out the showcase_view branch of the git repository hosted at https://github.com/limcheekin/fluwix. Feel free to fork the repository and send me pull request.

As usual, I'd love to hear from you. :)