Image for post
Image for post
Image Source

A good design makes life easy and comfortable, also differentiates the product from others as attract attention to your marketing materials and activities.

There are many free resources available for making good design.

Let’s get started!

Canva

Image for post
Image for post
Canva

Canva is a free graphic design platform that allows you to design presentations, social media graphics, invitations, business cards and more.

Canva has everything you need for amazing design such as various images, photo filters, free icons&shapes, fonts.

Unsplash

Image for post
Image for post
Unsplash

Unsplash is a photo discovery platform for free to use, high-definition photos.

You can use every photo on Unsplash is free to use, for both personal and commercial use. With Unsplash, you can share your images with millions of people around the world. …


Image for post
Image for post
Image Source

In this tutorial we will retrieve json data in Flutter using HTTP package.

What does HTTP package do?

The HTTP package is used to retrieve data from the internet.

In this example, we will list the Breaking Bad characters on the screen.

Step 1

Create a Firebase project.

Step 2

Go to pubspec.yaml file and add http package under dependencies. (You can find the package here.)

pubspec.yaml

Step 3

Create a model folder under the lib folder to keep data. Then open a file named character.dart under the model folder.

First, open a Character class in this file and add the required properties: id, name, img and nickname.

Then, use the constructor named Character.fromJson to convert the Json data to character object. …


Image for post
Image for post
Image Source

Firebase is Google’s mobile platform that helps you develop high-quality apps and provides hosted backend services such as a realtime database, cloud storage, authentication, crash reporting. Firebase supports Flutter, so you can add Firebase to your Flutter app.

Required Steps for Flutter Firebase Integration

1- Create a Firebase Project

Image for post
Image for post
Go to Console
  • Add a new project.
Image for post
Image for post
Adding a project
  • Give your project a name and continue.
Image for post
Image for post
Naming the project

Note: After this step, a setting for Google Analytics will appear, if you wish, you can enable it. Google Analytics helps you understand how people use your web, iOS, or Android app. You can check here for detailed information.

Congratulations, your Firebase project has been created. …


Image for post
Image for post

XD to Flutter plugin generate code for building apps with Flutter based on your designs in Adobe XD. Thanks to the XD to Flutter plugin, you can easily transfer the design you create in Adobe XD to widgets and save time.

Let’s see how we can use “XD to Flutter” plugin in an existing Flutter project.

Step 1

Open Adobe XD, choose Plugins then go Browse section and install the plugin called XD to Flutter.

Image for post
Image for post
Finding the plugin


Image for post
Image for post
Lottie

Developed by Airbnb, Lottie is a library for Android, iOS, Web, and Windows. Lottie is used to adding animations on website or mobile application.

Lottie parses Adobe After Effects animations exported as JSON files through an open-source After Effects extension called Bodymovin and renders them natively on mobile and on the web.

Why is Lottie Preferred to Other Formats?

Image for post
Image for post
Lottie vs Other Formats

There are many reasons why designers or developers prefer Lottie animations over other formats like PNG, GIF. The main reason is that the size of a Lottie file compared to PNG or GIF significantly increases download speed and reduces the amount of disk space used.

How to Use Lottie?

Let’s learn how to use Lottie! …


Image for post
Image for post

Unit Testing is a method of testing the smallest piece of code called a unit. The main goal is to validate that each unit of the software performs as expected.

The most important point in Unit Testing, is not to create test cases for everything but to focus on the tests that affect the behavior of the system.

What are the Benefits of Unit Testing?

  1. Improves the quality of code.
  2. Detects software bugs early.
  3. Provides more reliable and reusable code.
  4. Reduces cost and development time.
  5. Facilitates changes so speeds up the coding process.

Unit Test Frameworks

Unit Test frameworks allow unit tests to be written quickly and easily. Some of the popular unit testing frameworks can be listed as: JUnit, NUnit, TestNG, Jasmin, Mocha.

About

Emine İNAN

Computer Engineering Student/Intern at VBT

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