FitBudget Solutions is an application which lets you track your money such as your expenses, checks if you have reached your savings goals and gives you statistics on your income and outcome. This app was built using flutter.
🏠 Homepage
Flutter is an open-source UI software development kit created by Google. It is used to develop cross platform applications for Android, iOS, Linux, macOS, Windows, Google Fuchsia, and the web from a single codebase. Download it here.
For Windows: Installation Guide
For Mac OS: Installation Guide
For Linux: Installation Guide
For Chrome OS: Installation Guide
Draw SVG (and some Android VectorDrawable (XML)) files on a Flutter Widget.
Add dependency to
pubspec.yaml
:
dependencies:
flutter_svg: ^1.0.3
Import the package:
import 'package:flutter_svg/flutter_svg.dart';
Basic Usage:
final String assetName = 'assets/image.svg';
final Widget svg = SvgPicture.asset(
assetName,
semanticsLabel: 'Acme Logo'
);
A Flutter package allows you to easily implement the Credit card's UI easily with the Card detection.
Add dependency to
pubspec.yaml
:
dependencies:
flutter_credit_card: <latest_version>
Import the package:
import 'package:flutter_credit_card/flutter_credit_card.dart';
Basic Usage:
CreditCardWidget(
cardNumber: cardNumber,
expiryDate: expiryDate,
cardHolderName: cardHolderName,
cvvCode: cvvCode,
showBackView: isCvvFocused,
cardbgColor: Colors.black,
glassmorphismConfig: Glassmorphism.defaultConfig(),
backgroundImage: 'assets/card_bg.png',
obscureCardNumber: true,
obscureCardCvv: true,
isHolderNameVisible: false,
height: 175,
textStyle: TextStyle(color: Colors.yellowAccent),
width: MediaQuery.of(context).size.width,
isChipVisible: true,
isSwipeGestureEnabled: true,
animationDuration: Duration(milliseconds: 1000),
customCardIcons: <CustomCardTypeImage>[],
)
The Flutter Charts package is a data visualization library written natively in Dart for creating beautiful, animated and high-performance charts, which are used to craft high-quality mobile app user interfaces using Flutter.
Add dependency to
pubspec.yaml
:
dependencies:
syncfusion_flutter_charts: ^19.4.54
Import the package:
import 'package:syncfusion_flutter_charts/charts.dart';
import 'package:syncfusion_flutter_charts/sparkcharts.dart';
Basic Usage:
TooltipBehavior _tooltipBehavior;
@override
void initState(){
_tooltipBehavior = TooltipBehavior(enable: true);
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Container(
child: SfCartesianChart(
primaryXAxis: CategoryAxis(),
// Chart title
title: ChartTitle(text: 'Half yearly sales analysis'),
// Enable legend
legend: Legend(isVisible: true),
// Enable tooltip
tooltipBehavior: _tooltipBehavior,
series: <LineSeries<SalesData, String>>[
LineSeries<SalesData, String>(
dataSource: <SalesData>[
SalesData('Jan', 35),
SalesData('Feb', 28),
SalesData('Mar', 34),
SalesData('Apr', 32),
SalesData('May', 40)
],
xValueMapper: (SalesData sales, _) => sales.year,
yValueMapper: (SalesData sales, _) => sales.sales,
// Enable data label
dataLabelSettings: DataLabelSettings(isVisible: true)
)
]
)
)
)
);
}
Click on the "Run and Debug" button in Visual Studio Code to launch the application on your android phone or on an emulator.
👤 Rohan Bhautoo
- Github: @rohan-bhautoo
- LinkedIn: @rohan-bhautoo
Give a ⭐️ if this project helped you!