Mobile app to get information about covid-19 cases. Link to the API used: https://documenter.getpostman.com/view/8854915/SzS7R6uu?version=latest
Before runnning the application, run the following command:
flutter pub get
You can then run the project with the following command:
flutter run
Just to ensure that the app works perfectly, add the following permission in AndroidManifest.xml file:
<uses-permission android:name="android.permission.INTERNET" />
By default the app shows Corona Virus cases in India on the home page. You can change the country name in variable url2 to show the cases in other coountries or maybe get the location of the user and show accordingly.
The packages used in this project are as follows:
-
number_display - to display data in a width-limited component. For eg: it converts 2500000 to 2.5M
-
http - to send http requests to the API
-
bezier_chart - to visualize the received data from the API
-
folding_cell - to display a foldable cell to view details(total deaths, today cases, etc.). This foldable cell is present in 'Affected Countries' page
Images are present in the assets folder
Files present in this project along with their purposes are given below:
resources/fetch_data_functions.dart - contains functions to fetch data from the api(NovelCOVID API).
screens/home.dart - shows Covid-19 cases of the whole world(all coutries together) and includes visualization of the cases in India(you can change the country by changing the url).
screens/countrylist.dart - shows Covid-19 cases, country wise, in the form of a list. Each cell in the list is foldable. Upon expanding the cell, more info is shown.
screens/searchCountry.dart - similar to screens/countrylist.dart but here user can also search.
widgets/drawer.dart - contains the side drawer code
widgets/foldable_cell_widgets.dart - contains reusable front, inner top and inner bottom widgets of the foldable cell that are used in screens/countrylist.dart and screens/searchCountry.dart.
widgets/graph.dart - contains the code for building the graph.
widgets/info_card.dart - contains the code for displaying rounded retangular cards on the home page.
