How to Build a Bitcoin Tracker Flutter App?

In this article, we will be building a Bitcoin Tracker Project using Flutter and Dart . The application will display the current rates of Bitcoin in different countries using Bitcoin API. There are many free APIs available and for this project, we will be using API by Coinlayer. The API will return a JSON that we will parse according to our needs. There will be a single screen in this app.

Step-by-Step Implementation

Step 1: Create a new flutter application

We can create new flutter application directly using the command line statement as mentioned below:

flutter create <YOUR_APP_NAME>

To know more about Creating flutter application refer to Creating a Simple Application in Flutter article.

Step 2: Adding Dependencies to the Application

- Add http package to your pubspec.yaml file

http: ^1.3.0

- Adding Bitcoin Image

Download the bitcoin image from here and add it into your project inside the your_app_name/asset/bitcoin_img.jpeg and write the location  pubspec.yaml file.

assets:
 - assets/bitcoin_img.jpeg

To know more about adding images in the application refer to Flutter - Asset Image.

Step 3: Get API Key

You need to create a free account on Coinlayer and get an API key for this project.

• SignUp using your account information, and you will get your API key.
• Click on “Get free API key” on the website.
• Store this API key to be used in the Main Application.

Step 4 : Use the below code in the main.dart file

Important: Make sure to replace the api key with your own api key.

main.dart:

To check the git repository for the application : Click Here

Output: