CHAPTER 7

7.CONCLUSION

In conclusion, an expenditure tracker software is a beneficial tool that may help

consumers keep track of their spending and manage their money more successfully. The
software should be simple to use, allowing users to enter and classify their costs, see
spending trends, and create budgets.

It is critical to examine the platform and technologies that will be utilised, as well as
the security and privacy of user data, while designing an expenditure tracker app. Testing and
user input should also be considered to guarantee that the app satisfies its users' demands and
performs effectively.

Ultimately, with proper preparation and execution, a cost tracker software may be a
significant asset to those trying to gain financial control and make informed decisions about
their spending habits.

FUTURE ENHANCEMENTS

Some potential developments for an expenditure tracker app project might be

considered:

 Automatic spending tracking: Instead of requiring users to manually enter their

expenses, the app may employ machine learning algorithms to automatically track and
categorise transactions based on bank or credit card bills.
 Integration with financial institutions: The app might be integrated with financial
institutions, allowing users to check account balances and transactions straight from
the app.
 Advanced budgeting features: The app might include more complex budgeting
features including the ability to establish particular objectives or savings targets, track
progress towards those goals, and give tips on how to modify spending patterns to
accomplish those goals.
 Social sharing: The app might allow users to share their accomplishments and
financial objectives on social media with friends and family, forming a supportive
community of people striving to better their financial health.

48
 Sharing and collaboration: Users may be able to share their costs and budgets with
family members, roommates, or partners so that everyone is on the same page and
avoids repeated expenses.
 Tax preparation: The app might include features to assist users in preparing for tax
season, such as tracking deductible spending and creating tax summaries.
 Customized suggestions: Based on users' spending habits and financial goals, the
app might employ machine learning to deliver customised advice for saving money,
lowering costs, or increasing income.
 Automatic budgeting: uses machine learning to increase savings and anticipate
budgets for the coming months, as well as to inspire people to set goals for
themselves.

49
 BIBLIOGRAPHY

Websites Referred:

 https://goodbudget.com/
 https://mint.intuit.com/
 https://www.youneedabudget.com/

50
APPENDIX A -SCREENSHOT

FIGURE A(1.1)

51
FIGURE B(1.2)

52
FIGURE-C(1.3)

53
FIGURE-D(1.4)

54
 APPENDIX B - SAMPLE CODING

APP.MODULE.TS

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';

import { LoginComponent } from './pages/login/login.component';

import { HomeComponent } from './pages/home/home.component'

import { AngularFireModule } from '@angular/fire/compat';

import { AngularFireAuthModule } from '@angular/fire/compat/auth';

import { ToasterComponent } from './components/toaster/toaster.component';

import { ChartComponent } from './pages/chart/chart.component';

import { NgChartsModule } from 'ng2-charts'

@NgModule({

declarations: [

AppComponent,

LoginComponent,

HomeComponent,

ToasterComponent,

ChartComponent

],

imports: [

55
 BrowserModule,

AppRoutingModule,

FormsModule,

ReactiveFormsModule,

AngularFireModule.initializeApp({

apiKey: "AIzaSyDi0I2sNNggKteJUtQVC_WNrBnVRvOVfis",

authDomain: "expenses-management-cf3b9.firebaseapp.com",

projectId: "expenses-management-cf3b9",

storageBucket: "expenses-management-cf3b9.appspot.com",

messagingSenderId: "588510704156",

appId: "1:588510704156:web:2f43fc9f21290e7b9e65d9"}),

AngularFireAuthModule,

NgChartsModule

],

providers: [],

bootstrap: [AppComponent]

})

export class AppModule { }

PACKAGE.JSON

"name": "my-expenses",

56
"version": "0.0.0",

"scripts": {

"ng": "ng",

"start": "ng serve",

"build": "ng build",

"watch": "ng build --watch --configuration development",

"test": "ng test"

},

"private": true,

"dependencies": {

"@angular/animations": "^15.1.0",

"@angular/common": "^15.1.0",

"@angular/compiler": "^15.1.0",

"@angular/core": "^15.1.0",

"@angular/fire": "^7.5.0",

"@angular/forms": "^15.1.0",

"@angular/platform-browser": "^15.1.0",

"@angular/platform-browser-dynamic": "^15.1.0",

"@angular/router": "^15.1.0",

"animate.css": "^4.1.1",

"firebase": "^9.15.0",

"ng2-charts": "^4.1.1",

"rxjs": "~7.8.0",

"tslib": "^2.3.0",

57
 "zone.js": "~0.12.0"

},

"devDependencies": {

"@angular-devkit/build-angular": "^15.1.1",

"@angular/cli": "~15.1.1",

"@angular/compiler-cli": "^15.1.0",

"@types/jasmine": "~4.3.0",

"jasmine-core": "~4.5.0",

"karma": "~6.4.0",

"karma-chrome-launcher": "~3.1.0",

"karma-coverage": "~2.2.0",

"karma-jasmine": "~5.1.0",

"karma-jasmine-html-reporter": "~2.0.0",

"typescript": "~4.9.4"

58
APP.COMPONENTS.TS

import { Component, OnInit } from '@angular/core';

import { AuthService } from './services/auth.service';

import { ToasterService } from './services/toaster.service';

import { Router } from '@angular/router';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.scss']

})

export class AppComponent implements OnInit {

title = 'my-expenses';

message: Object = {}

constructor(private auth: AuthService, private _toaster: ToasterService, private router:

Router){

this.auth.getCurrentUser.subscribe(user => {

console.log('user',user)

if(user){

this.router.navigate(['/'])

} else {

this.router.navigate(['/login'])

59
 })

this._toaster.getToasterMessage.subscribe(toaster => {

if(toaster.text){

this.message = toaster

let _this = this

setTimeout(() => {

(document.querySelector('.ngrj-message')
HTMLInputElement).classList.remove('animate__fadeIn');

(document.querySelector('.ngrj-message')
HTMLInputElement).classList.add('animate__fadeOut');

setTimeout(() => {

_this.message = {}

}, 1000)

}, 3000)

})

ngOnInit() {

60
 APPENDIX C – TECHNOLOGY/ SOTWARE

ANDROID STUDIO IDE:

Android Studio is an integrated development environment (IDE) designed specifically

for developing Android applications. It is the official IDE for Android development, built on
the IntelliJ IDEA software and developed by Google.

Android Studio provides developers with a comprehensive set of tools for building
high-quality Android apps, including a visual layout editor, a code editor, a debugger, and an
emulator. It supports various programming languages such as Java, Kotlin, and C++.

Developers can use Android Studio to create new projects, import existing projects,
and build and deploy their apps on Android devices or emulators. It also includes a range of
features to help with testing and debugging, such as a profiler, a memory monitor, and a
network profiler.

Android Studio is available for free on Windows, macOS, and Linux platforms, and it
receives regular updates with new features and bug fixes. It is an essential tool for any
developer looking to build high-quality Android apps.

ANGULARJS FRAMEWORK:

AngularJS is a JavaScript-based open-source front-end web application framework

developed and maintained by Google. It was first released in 2010 and has since become one
of the most popular JavaScript frameworks for building dynamic web applications.AngularJS
is designed to simplify web development by providing a set of tools and techniques for
building complex, interactive web applications. It uses declarative programming to create
dynamic views that automatically update when the underlying data changes, making it easier
to build real-time applications.

AngularJS also provides a powerful set of features for building single-page

applications, including support for routing, animations, and templates. It also supports two-
way data binding, which means that changes in the view are automatically reflected in the
model, and vice versa.

61
One of the key features of AngularJS is its dependency injection system, which makes it
easier to manage and test code by allowing developers to inject dependencies into
components rather than hard-coding them. This helps to reduce code duplication and improve
the overall maintainability of the application. AngularJS has since been superseded by
Angular, also known as Angular 2+, which is a complete rewrite of the original framework.
However, many applications still use AngularJS, and it remains a popular choice for building
complex, dynamic web applications.

FIREBASE DATABASE:

Firebase is a mobile and web application development platform, owned by Google,

that provides developers with a range of tools and services to build and run high-quality
applications. It was first released in 2011 as a database backend for mobile and web
applications, and has since evolved to provide a full suite of services for app development.
Firebase includes features such as cloud hosting, authentication, real-time database, analytics,
and messaging. It also supports a variety of platforms and programming languages, including
Android, iOS, web, and Unity.

One of the key features of Firebase is its real-time database, which allows developers to store
and sync data in real-time across multiple clients. This enables the creation of real-time
collaborative applications such as chat apps, multiplayer games, and collaborative document
editors. Firebase also provides authentication services, allowing developers to easily add
secure user authentication to their applications using email and password, social media
accounts, and other popular authentication providers. Other features of Firebase include cloud
functions, which allow developers to run backend code in response to events triggered by
client-side code, and hosting, which provides a fast and secure content delivery network for
web applications. Firebase provides a free tier for developers to get started, with additional
paid features and usage-based pricing for larger applications. It has become a popular choice
for developers looking for an easy-to-use, scalable platform to build their applications on.

62