/FitBudget-Solutions

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.

Primary LanguageDart

FitBudget Solutions

Version Flutter Dart VSCode

Description

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.

Prerequisite

Flutter

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

Packages Used

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)
              )
            ]
          )
        )
      )
  );
}

Usage

Click on the "Run and Debug" button in Visual Studio Code to launch the application on your android phone or on an emulator.

Author

👤 Rohan Bhautoo

Show your support

Give a ⭐️ if this project helped you!