Splash screens are quite common when building mobile applications. They are usually static screens that are displayed at the start of your app. This screen can help you tell your users what the application is about, by displaying your app logo or app name.

If you want to go a step further and really catch your users' attention, consider using an animated image on your splash screen. Showing an animated image with Lottie is as easy as using an Image widget in your app.

To start, create a new flutter project. Add Lottie package to your pubspec.yaml as a dependency.


Photo by Claudio Schwarz | @purzlbaum on Unsplash

Graphql is a query language for APIs that gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools. It uses one endpoint, and users can structure their query such that they only fetch exactly what they need at a time.

In this article, I have built a mobile app that queries a graphql API and returns a list of continents and countries in the world. You can find the API here => https://countries.trevorblades.com/.

For this project, we will utilize the following packages in…


This is the second part of building a restful API with ExpressJs and Postgres. In the first part, we laid the foundation and wrote our first API. You can find the first article here.

In this second part, we will connect our elephant SQL database to our project and write our signup and sign in methods.

Connect your database

Copy your database URL from elephant SQL and paste it into the .env file you created like this

DATABASE_URL= ***


cover image

This article will cover how to build a Restful API using nodeJs and the Postgres database. If this is your first time building an API with nodeJs and Postgres (or you have struggled with it in the past) then this article should help you understand how to go about it.

Due to its length, the article is broken down into two parts, you can find the second part here.

Let’s dive in!

Create your project

  • Create a project titled ‘ExpressAPI’ on your PC in any folder of your choice.
  • Open the project in your favorite editor, I will be using Visual Studio…


Photo by Alexander Ant on Unsplash

If you’ve ever had a form that submits to a database, you’ll agree that ensuring that users submit the correct option is important. One way to do so is by using dropdown buttons with selected options. A typical dropdown button in flutter looks like this;

                  DropdownButton<String>(
items: […


Photo by Toa Heftiba on Unsplash

I used the Material switch widget for the first time in one of my projects and I initially found it quite tricky to use. After creating the switch widget, I wanted to change its state based on the values I received from Firestore. However, calling setState after retrieving the data did not seem to work.

Initial Code


Welcome! Grab some popcorn, sit back and enjoy.

So it was movie day in church and we saw Cast away, a movie directed by Robert Zemeckis.

Apparently, the movie was released in the year 2000 and I was just seeing it for the first time. Goes on to say I’ve been living under a rock. Or maybe, if I had seen it before I wouldn’t have appreciated it as I do now.

Cast away is a movie about perseverance and determination where the lead role, Tom Hanks (Chuck Noland) a FedEx employee found himself stuck in an uninhabited island.

He…

mamus eferha

Mobile app developer (Flutter and Kotlin), Technical Writer

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