Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi everybody!

In this post we are going to build a beautiful and delicious UI using mainly Stack and Positioned widget.


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi everybody!

In this post, we are going to clone feed Spotify UI.


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi everybody!

There are many ways to parsing json from request. In this post we are going to code how to parse json using http package in Flutter and Dart.

At first, we need to add http dependency in pubspec.yaml

http: ^0.12.2

We are going to make a request, it’s take a long time. That’s why, we need to use asynchronous programming. Otherwise, user interface will be frozen waiting response from request. We don’t want that!.

Dart provides two different way to asynchronous programming: future and the async and await keywords. …


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Welcome everybody!

This is last post of Twitter UI clone using Flutter series. You can read part 1 and part 2.

We have already created one tweet, in this post we are going to create list of tweet and add floating button action!.

At first, I refactored code and I renamed MyApp widget to TwitterCloneApp and I renamedMyHomePage file to HomeScreen .

Also, I created a new Stateless Widget called Tweet because main.dart had many responsibilities.

But, what is a Stateless Widget?. Well, almost everything is a Widget in Flutter.

Like its name say, Stateless Widget is a widget doesn’t…


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi everybody,

This is a post continuation from first part. You can read here.

In this post we are going to code list of tweet. Let me introduce you to Flutter Layouts.

Layouts are a widgets and they are used to build UI. You can compose simple layouts to build complex layouts.

There are two type of Layouts:

Over my post, we are going to use both of them.

At first, we could diagram which layout we are going to use, for example:


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi everybody,

In this posts we are going to clone Twitter feed UI. In order to practice widgets, we are not going to focus to business logic, it’s just UI.


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

This is a next post from my Flutter series posts. You can read them here: part 1 and part 2.

This time, we are going to show how many words user is selecting from list. We can achieve using a Badge.

Badge is a package from https://pub.dev/ where are all package to Flutter and Dart. There are many useful packages there and this is a very interesting site, i recommend you take a look!.

As all Flutter and Dart package, we need to add it in our pubspec.yaml file:

dependencies:
badges: ^1.1.1

Once dependency downloaded, we are going to use…


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi everybody,

In this post, we are going to show favorite elements selected from a list. This is a continuation of my previous post.

We need to add a button of somewhere which go to new screen with favorite words selected. In this case, i’m going to use an IconButton for this design.

AppBar widget has a property called actions which is a List<Widget>, we just need to add one:


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Hi guys!

I this post i’m going to show you how to create a favorite section. Something like this:


Amazon Web Services (AWS) — Cloud Computing Services

Hello everybody!

Welcome to a series posts which I will show you how to create a backend fully serverless with AWS using AWS SAM.

We are going to use AWS SAM which means Amazon Web Services — Serverless Application Model to build and deploy our app. SAM uses Lambda function, Event sources, CodeBuild, CodePipeline and other resources.

In this second post we are going to install and configure AWS CLI which will allow us interact with AWS services. In the first post we created an AWS account and we created an Administrator user.

In order to interact from console with…

Mariano Castellano

Enthusiastic of new things. Good places, good ideas.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store