Hello, everyone, and welcome.
So today we're going to create this really useful application, which is the expense tracker application
to what it does is that it keeps track of your expenses and income and whatever you are spending.
So what you need to do is you need to just put the input of your income and whatever your spending,
like, whatever the amount you're getting and whatever, you're spending so hard and that keeps track
and it shows you the balance which is left out in your wallet and all.
So let me just give you a quick demo.
So this is the UI of the application.
So this is the hiding, and this is the component which contains the balance which is left out.
And this component is the like.
It contains your income.
Whatever you feed here, you would feel here and it will capture it and keep it here.
And this is the expense section, so it keeps track of what we are spending.
So what I will keep on spending, it will keep the total here and it will show you at the same time.
And this is the history component and it will keep track of your transactions.
Whatever you make like, you get money or you spend whatever the history interceptor her.
All right.
So next we have the add new transaction.
So from here you will add a transaction.
So let me just show you how the transaction and things will be reflected.
OK, so here is a label section.
So here you will write the title of the transaction, whatever.
For example, if I go to sell, so I will write a salary here and how do you have to write that amount?
So now here, one thing you need to keep in mind is that whenever you're getting something, you are
getting an income like you getting the money.
So for that, you need to enter the amount followed by a plus plus symbol after plus money into the
loan, for example.
Or you can just leave it like that.
But whenever the salary is deducted or you spend somewhere so that time you have to put negative, somewhat
thoughtful, positive, provide positive or leave it like a positive number for when you're spending,
then you have to put negative.
So let me just put salary, for example, salary if about sixty eight, sixty thousand and you just
heard and so you can see the salary is being credited and here is the balance of sixty thousand rupees.
Income is sixty thousand now.
Expenses zero rate, not, for example.
Now we also get something like bonus.
Bonus of maybe 20K.
And when you hit, enter this press this button right here.
So now your total is 80000 without an expensive.
So now, for example, if I spend money on maybe rent, house rent and for that you need to put that
negative sign because you're spending money.
The negative of maybe 10, 12, 1000, then you could enter so you can see one thousand in the expenses
and the total balance have been decreased, but then come the same because it is what we have here.
All right.
So maybe we spend money on something else, maybe bills.
Bills for bills we maybe spend with thousand one, two three.
OK, so this is how the application works.
So this is our total balance remaining.
This are all expenses.
Then come and this is the history section.
OK, so here you will see the history of your like expense and income and everything.
So one thing you need to you will notice here is that whenever we're spending money for the expense,
the color here is right.
And whenever you're getting money as an income, so it's green.
So all of this will be doing and you can even delete history.
For example, if you do not get bonus this month, even just delete this and the amount will be decreased
here.
OK, so this is all about the application next.
So what are we using to build this?
Of course, we are going to use records for this.
And in the records we'll be using Use Context API, we'll be using global context and global states
to manage the data and to parse data and to share data from one component to another.
So for that to me to be using Use Context API, Global Context API, and that's all we are going to
use and you're going to learn a lot in this project.
And if you don't know context API, you'll learn about context API, use context and use data.
And if you even know your context API in the U.S. TikTok, you'll learn more about it and you will brush
up your concepts in that you learn how to parse data from one component to another component and everything
related to that.
So let's break this, and this was all about the introduction in the next video will start building
this, so we'll see in the next one.
Thank you.