Mobile Application Development

MASTER OF COMPUTER APPLICATIONS

of

KLE TECHNOLOGICAL UNIVERSITY

by

Amol Rathod
01FE23MCA053

DEPARTMENT OF MASTER OF COMPUTER APPLICATIONS

KLE TECHNOLOGICAL UNIVERSITY
Vidyanagar, Hubballi-580031 Karnataka.

May- 2025
SL.NO Program Date

1 Write Dart program to implement various mathematical operations 20/02/2025

2 Write Dart program to implement control flow statements in Dart 06/03/2025

Create a UI layout using built-in widgets such as Column, Row, Container using
3 13/03/2025
stateless

4 Create custom widgets in Flutter for reusable UI components 13/03/2025

5 Create Login screen, handle user input and gestures in Flutter app 27/03/2025

6 Create a login screen with validations 27/03/2025

7 Develop a Flutter app with a navigation drawer 24/04/2025

8 Develop a Flutter app with a bottom navigation bar 24/04/2025

9 Develop a COVID-19 Global Statistics App using Flutter 24/04/2025

1.Mathematical Operation
import 'dart:io';

double add(double a, double b) => a + b;

double subtract(double a, double b) => a - b;

double multiply(double a, double b) => a * b;

double divide(double a, double b) {

if (b == 0) {
throw ArgumentError('Cannot divide by zero');
}
return a / b;

void main() {
stdout.write('Enter first number: ');
String? input1 = stdin.readLineSync();

double num1 = double.tryParse(input1 ?? '') ?? 0;

stdout.write('Enter second number: ');

String? input2 = stdin.readLineSync();
double num2 = double.tryParse(input2 ?? '') ?? 0;

print('Addition: ${add(num1, num2)}');

print('Subtraction: ${subtract(num1, num2)}');
print('Multiplication: ${multiply(num1, num2)}');
 try {
print('Division: ${divide(num1, num2)}');
} catch (e) {

print(e);
}
}
2. Control Statement
void main() {
List<int> numbers = [5, 10, 15, 20];
String operation = 'average'; // Try: 'sum', 'average', 'multiply'

switch (operation) {
case 'sum':
int sum = 0;
for (int i = 0; i < numbers.length; i++) {

sum += numbers[i];
}
print('Sum of numbers: $sum');
break;

case 'average':
int total = 0;
for (int num in numbers) {
total += num;
}

double average = total / numbers.length;

print('Average of numbers: $average');
break;

case 'multiply':

int product = 1;
for (int i = 0; i < numbers.length; i++) {
product *= numbers[i];
}
print('Product of numbers: $product');
 break;

default:

print('Invalid operation selected.');

}
}
3.UI Layout using built-In widgets.
import 'package:flutter/material.dart';

void main() {

runApp(MyApp());
}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Nesting Widget Demo',
home: Nesting(),

);
}
}

class Nesting extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Nesting Widget"),

),
body: SingleChildScrollView(
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(

padding: EdgeInsets.all(10),
height: 120,
decoration: BoxDecoration(
border: Border.all(width: 2),
borderRadius: BorderRadius.circular(20),

),
child: Column(
children: [
Text('Column Text Widget 1'),
Text('Column Text Widget 1'),

Text('Column Text Widget 1'),

Text('Column Text Widget 1'),
],
),
),

SizedBox(width: 20),
Container(
padding: EdgeInsets.all(10),
height: 120,
decoration: BoxDecoration(

border: Border.all(width: 2),

borderRadius: BorderRadius.circular(20),
),
child: Column(
children: [
Text('Column Text Widget 1'),
 Text('Column Text Widget 1'),
Text('Column Text Widget 1'),
Text('Column Text Widget 1'),

],
),
),
],
),

SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(

padding: EdgeInsets.all(10),
height: 120,
decoration: BoxDecoration(
border: Border.all(width: 2),
borderRadius: BorderRadius.circular(20),

),
child: Column(
children: [
Text('Column Text Widget 1'),
Text('Column Text Widget 1'),

Text('Column Text Widget 1'),

Text('Column Text Widget 1'),
],
),
),
SizedBox(width: 20),
 Container(
padding: EdgeInsets.all(10),
height: 120,

decoration: BoxDecoration(
border: Border.all(width: 2),
borderRadius: BorderRadius.circular(20),
),
child: Column(

children: [
Text('Column Text Widget 1'),
Text('Column Text Widget 1'),
Text('Column Text Widget 1'),
Text('Column Text Widget 1'),

],
),
),
],
),

],
),
),
);
}

}
4.Custom Widgets
main.dart
import 'userCard.dart';
import 'package:flutter/material.dart';

void main() async {

runApp(MyApp());
}

class MyApp extends StatelessWidget {

@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',

theme: ThemeData(
primarySwatch: Colors.red,
),
debugShowCheckedModeBanner: false,
initialRoute: '/customWidget',

routes: {'/customWidget': (context) => CustomWidget()},

);
}
}

userCard.dart
import 'customWidget.dart';
import 'package:flutter/material.dart';

class CustomWidget extends StatelessWidget {

 @override
Widget build(BuildContext context) {
return Scaffold(

appBar: AppBar(
title: Text("Nesting Widget"),
),
body: Container(
height: 400,

alignment: Alignment.center,
child: UserCard(
name: 'Sadanand',
email: '[email protected]',
),

),
);
}
}

customWidget.dart
import 'package:flutter/material.dart';

class UserCard extends StatelessWidget {

final String name;

final String email;

const UserCard({required this.name, required this.email});

@override
Widget build(BuildContext context) {
return Card(
elevation: 4,

child: Container(
padding: EdgeInsets.all(50),
child: Column(
children: [
Text(

"Profile",
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18),
),
SizedBox(height: 10),
Image.asset(

"assets/images/sam.jpg",
width: 200,
height: 150,
fit: BoxFit.cover,
),

SizedBox(height: 20),
Text(
name,
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18),
),

SizedBox(height: 10),
RichText(
text: TextSpan(
text: email,
style: TextStyle(color: Colors.black, fontSize: 16),
),
 ),
],
),

),
);
}
}
5.Handling User Inputs.
import 'package:flutter/material.dart';

void main() {

runApp(MaterialApp(
home: Login(),
debugShowCheckedModeBanner: false,
));
}

class Login extends StatelessWidget {

final TextEditingController emailController = TextEditingController();
final TextEditingController passwordController = TextEditingController();

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Login'),

),
body: Padding(
padding: const EdgeInsets.all(15.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,

children: [
Image.asset(
"assets/images/sam.jpg", // No 'assets/' prefix in code
height: 150,
width: 200,
),
SizedBox(height: 15),
TextField(

controller: emailController,
decoration: InputDecoration(
labelText: 'Email',
prefixIcon: Icon(Icons.email),
border: OutlineInputBorder(),

),
keyboardType: TextInputType.emailAddress,
),
SizedBox(height: 15),
TextField(

controller: passwordController,
decoration: InputDecoration(
labelText: 'Password',
prefixIcon: Icon(Icons.lock),
border: OutlineInputBorder(),

),
obscureText: true,
),
SizedBox(height: 15),
ElevatedButton(

onPressed: () {
String email = emailController.text;
String password = passwordController.text;
print("Email: $email , Password: $password");
},
child: Text('Login'),
 style: ElevatedButton.styleFrom(
padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
shape: RoundedRectangleBorder(

borderRadius: BorderRadius.circular(10)),
),
),
],
),

),
);
}
}
6. Login Screen with validation
import 'package:flutter/material.dart';

void main() {

runApp(MyApp());
}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(
title: 'Login App',
debugShowCheckedModeBanner: false,
theme: ThemeData(

primarySwatch: Colors.red,
),
home: Login(),
);
}

class Login extends StatelessWidget {

final TextEditingController emailController = TextEditingController();
final TextEditingController passwordController = TextEditingController();

bool isValidEmail(String email) {

return RegExp(r'^[^@]+@[^@]+\.[^@]+').hasMatch(email);
}
bool isValidPassword(String password) {
return password.length >= 8;
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(

title: Text('Login'),
),
body: Padding(
padding: const EdgeInsets.all(15.0),
child: SingleChildScrollView(

child: Column(
children: [
Image.asset(
"assets/images/sam.jpg",
height: 150,

width: 200,
),
SizedBox(height: 15),
TextField(
controller: emailController,

decoration: InputDecoration(
labelText: 'Email',
prefixIcon: Icon(Icons.email),
border: OutlineInputBorder(),
),
keyboardType: TextInputType.emailAddress,
),
SizedBox(height: 15),
TextField(

controller: passwordController,
decoration: InputDecoration(
labelText: 'Password',
prefixIcon: Icon(Icons.lock),
border: OutlineInputBorder(),

),
obscureText: true,
),
SizedBox(height: 15),
ElevatedButton(

onPressed: () {
String email = emailController.text;
String password = passwordController.text;

if (!isValidEmail(email)) {

print("Enter a Valid Email");

}

if (!isValidPassword(password)) {
print("Password must be at least 8 characters");

print("Email: $email , Password: $password");

},
child: Text('Login'),
style: ElevatedButton.styleFrom(
 backgroundColor: Colors.red,
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(

borderRadius: BorderRadius.circular(10),
),
padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
),
)

],
),
),
),
);

}
}
7. Navigation Drawer
import 'package:flutter/material.dart';

void main() {

runApp(MyApp());
}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(
title: 'Navigation Drawer Only',
theme: ThemeData(primarySwatch: Colors.deepPurple),
home: NavigationDrawerScreen(),

);
}
}

class NavigationDrawerScreen extends StatefulWidget {

@override
_NavigationDrawerScreenState createState() => _NavigationDrawerScreenState();
}

class _NavigationDrawerScreenState extends State<NavigationDrawerScreen> {

int _selectedIndex = 0;

static const List<Widget> _pages = <Widget>[

Center(

child: Text('🏠 Home Page', style: TextStyle(fontSize: 24)),

 ),
Center(

child: Text('🎬 Movies Page', style: TextStyle(fontSize: 24)),

),

Center(

child: Text('📺 Web Series Page', style: TextStyle(fontSize: 24)),

),
];

void _onItemTapped(int index) {

setState(() {
_selectedIndex = index;
});
Navigator.pop(context); // Close the drawer
}

@override
Widget build(BuildContext context) {
return Scaffold(
drawer: Drawer(

child: ListView(
children: [
DrawerHeader(
decoration: BoxDecoration(
color: Colors.deepPurple,

),
child: Column(
children: [
CircleAvatar(
 radius: 40,
child: Icon(Icons.person, size: 40),
),

SizedBox(height: 10),
Text(
'Sam',
style: TextStyle(
fontSize: 18,

fontWeight: FontWeight.bold,
color: Colors.white,
),
),
],

),
),
ListTile(
leading: Icon(Icons.home),
title: Text("Home"),

onTap: () => _onItemTapped(0),

),
ListTile(
leading: Icon(Icons.local_movies),
title: Text("Movies"),

onTap: () => _onItemTapped(1),

),
ListTile(
leading: Icon(Icons.live_tv),
title: Text("Web Series"),
onTap: () => _onItemTapped(2),
 ),
],
),

),
body: _pages[_selectedIndex],
);
}
}
8. Bottom Navigation
import 'package:flutter/material.dart';

void main() {

runApp(MyApp());
}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(
title: 'Bottom Navigation Only',
theme: ThemeData(primarySwatch: Colors.deepPurple),
home: NavigationScreen(),

);
}
}

class NavigationScreen extends StatefulWidget {

@override
_NavigationScreenState createState() => _NavigationScreenState();
}

class _NavigationScreenState extends State<NavigationScreen> {

int _selectedIndex = 0;

static const List<Widget> _pages = <Widget>[

Center(

child: Text('🏠 Home Page', style: TextStyle(fontSize: 24)),

 ),
Center(

child: Text('🎬 Movies Page', style: TextStyle(fontSize: 24)),

),

Center(

child: Text('📺 Web Series Page', style: TextStyle(fontSize: 24)),

),
];

void _onItemTapped(int index) {

setState(() {
_selectedIndex = index;
});
}

static const List<BottomNavigationBarItem> _navItems = [

BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),

BottomNavigationBarItem(
icon: Icon(Icons.local_movies),
label: 'Movies',
),
BottomNavigationBarItem(

icon: Icon(Icons.live_tv),
label: 'Web Series',
),
];
 @override
Widget build(BuildContext context) {

return Scaffold(
body: _pages[_selectedIndex],
bottomNavigationBar: BottomNavigationBar(
items: _navItems,
currentIndex: _selectedIndex,

selectedItemColor: Colors.deepPurple,
unselectedItemColor: Colors.grey,
onTap: _onItemTapped,
),
);

}
}
9.Covid Data
i. Covid Model
class CovidModel {
int? updated;

int? cases;
int? todayCases;
int? deaths;
int? todayDeaths;
int? recovered;

int? todayRecovered;
int? active;
int? critical;
int? casesPerOneMillion;
double? deathsPerOneMillion;

int? tests;
double? testsPerOneMillion;
int? population;
int? oneCasePerPeople;
int? oneDeathPerPeople;

int? oneTestPerPeople;
double? activePerOneMillion;
double? recoveredPerOneMillion;
double? criticalPerOneMillion;
int? affectedCountries;

CovidModel(
{this.updated,
this.cases,
this.todayCases,
 this.deaths,
this.todayDeaths,
this.recovered,

this.todayRecovered,
this.active,
this.critical,
this.casesPerOneMillion,
this.deathsPerOneMillion,

this.tests,
this.testsPerOneMillion,
this.population,
this.oneCasePerPeople,
this.oneDeathPerPeople,

this.oneTestPerPeople,
this.activePerOneMillion,
this.recoveredPerOneMillion,
this.criticalPerOneMillion,
this.affectedCountries});

CovidModel.fromJson(Map<String, dynamic> json) {

updated = json['updated'];
cases = json['cases'];
todayCases = json['todayCases'];

deaths = json['deaths'];
todayDeaths = json['todayDeaths'];
recovered = json['recovered'];
todayRecovered = json['todayRecovered'];
active = json['active'];
critical = json['critical'];
 casesPerOneMillion = json['casesPerOneMillion'];
deathsPerOneMillion = json['deathsPerOneMillion'];
tests = json['tests'];

testsPerOneMillion = json['testsPerOneMillion'];
population = json['population'];
oneCasePerPeople = json['oneCasePerPeople'];
oneDeathPerPeople = json['oneDeathPerPeople'];
oneTestPerPeople = json['oneTestPerPeople'];

activePerOneMillion = json['activePerOneMillion'];
recoveredPerOneMillion = json['recoveredPerOneMillion'];
criticalPerOneMillion = json['criticalPerOneMillion'];
affectedCountries = json['affectedCountries'];
}

Map<String, dynamic> toJson() {

final Map<String, dynamic> data = new Map<String, dynamic>();
data['updated'] = this.updated;
data['cases'] = this.cases;

data['todayCases'] = this.todayCases;
data['deaths'] = this.deaths;
data['todayDeaths'] = this.todayDeaths;
data['recovered'] = this.recovered;
data['todayRecovered'] = this.todayRecovered;

data['active'] = this.active;
data['critical'] = this.critical;
data['casesPerOneMillion'] = this.casesPerOneMillion;
data['deathsPerOneMillion'] = this.deathsPerOneMillion;
data['tests'] = this.tests;
data['testsPerOneMillion'] = this.testsPerOneMillion;
 data['population'] = this.population;
data['oneCasePerPeople'] = this.oneCasePerPeople;
data['oneDeathPerPeople'] = this.oneDeathPerPeople;

data['oneTestPerPeople'] = this.oneTestPerPeople;
data['activePerOneMillion'] = this.activePerOneMillion;
data['recoveredPerOneMillion'] = this.recoveredPerOneMillion;
data['criticalPerOneMillion'] = this.criticalPerOneMillion;
data['affectedCountries'] = this.affectedCountries;

return data;
}
}

ii. CovidApi.dart

import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:mystateful/model/CovidModel.dart';

class CovidApi {

Future<CovidModel?> fetchCovidData() async {

var apiUrl = Uri.parse('https://disease.sh/v3/covid-19/all');
var response = await http.get(apiUrl);

if (response.statusCode == 200) {

var data = jsonDecode(response.body);

return CovidModel.fromJson(data);
} else {
throw Exception("Failed to fetch data");
}
}
}
iii. CovidData.dart

import 'package:flutter/material.dart';
import 'Services/CovidApi.dart';
import 'model/CovidModel.dart';

class CovidData extends StatefulWidget {

@override
_CovidDataState createState() => _CovidDataState();
}

class _CovidDataState extends State<CovidData> {

final CovidApi covidApi = CovidApi();

@override
Widget build(BuildContext context) {
return Scaffold(

appBar: AppBar(
title: Text('Covid Data'),
),
body: FutureBuilder<CovidModel?>(
future: covidApi.fetchCovidData(),

builder: (context, snapShot) {

if (snapShot.connectionState == ConnectionState.waiting) {
return Center(child: CircularProgressIndicator());
} else if (snapShot.hasError) {
return Center(child: Text('Error in loading the data'));
} else if (!snapShot.hasData || snapShot.data == null) {
 return Center(child: Text('No Data'));
}

var covidData = snapShot.data!;

List<Map<String, dynamic>> covidStat = [

{
'label': 'Covid Cases',

'icon': Icons.coronavirus,
'value': covidData.cases
},
{
'label': 'Deaths',

'icon': Icons.airline_seat_flat,
'value': covidData.deaths
},
{
'label': 'Critical Cases',

'icon': Icons.warning,
'value': covidData.critical
},
{
'label': 'Total Population',

'icon': Icons.people,
'value': covidData.population
},
{
'label': 'Recovered Today',
'icon': Icons.healing,
 'value': covidData.todayRecovered
},
{

'label': 'Active',
'icon': Icons.local_hospital,
'value': covidData.active
},
];

return ListView.builder(
itemCount: covidStat.length,
itemBuilder: (context, index) {
var stat = covidStat[index];

return ListTile(
leading: Icon(stat['icon']),
title: Text(stat['label']),
trailing: Text(stat['value'].toString()),
);

},
);
},
),
);

}
}

iv. main.dart
import 'package:flutter/material.dart';
import 'CovidData.dart'; // Your CovidData screen
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

const MyApp({super.key});

@override
Widget build(BuildContext context) {

return MaterialApp(
title: 'Flutter Hello World',
theme: ThemeData(
primarySwatch: Colors.blue,
),

home: InitialRoutine(), // Start here

);
}
}

class InitialRoutine extends StatefulWidget {

@override
_InitialRoutineState createState() => _InitialRoutineState();
}

class _InitialRoutineState extends State<InitialRoutine> {

@override
void initState() {
super.initState();
// Simulate initialization logic
Future.delayed(Duration(seconds: 2), () {
 Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (context) => CovidData()),

);
});
}

@override

Widget build(BuildContext context) {

return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,

children: [
CircularProgressIndicator(),
SizedBox(height: 20),
Text("Initializing... Please wait")
],

),
),
);
}
}