1 00:00:00,570 --> 00:00:01,800 Hello, everyone, and welcome. 2 00:00:01,950 --> 00:00:07,350 So today we're going to create this really useful application, which is the expense tracker application 3 00:00:07,830 --> 00:00:15,090 to what it does is that it keeps track of your expenses and income and whatever you are spending. 4 00:00:15,600 --> 00:00:21,510 So what you need to do is you need to just put the input of your income and whatever your spending, 5 00:00:22,170 --> 00:00:26,850 like, whatever the amount you're getting and whatever, you're spending so hard and that keeps track 6 00:00:26,850 --> 00:00:31,080 and it shows you the balance which is left out in your wallet and all. 7 00:00:31,590 --> 00:00:33,300 So let me just give you a quick demo. 8 00:00:33,810 --> 00:00:36,630 So this is the UI of the application. 9 00:00:36,630 --> 00:00:42,330 So this is the hiding, and this is the component which contains the balance which is left out. 10 00:00:42,510 --> 00:00:44,820 And this component is the like. 11 00:00:44,820 --> 00:00:46,050 It contains your income. 12 00:00:46,320 --> 00:00:49,950 Whatever you feed here, you would feel here and it will capture it and keep it here. 13 00:00:50,190 --> 00:00:54,270 And this is the expense section, so it keeps track of what we are spending. 14 00:00:54,270 --> 00:00:59,610 So what I will keep on spending, it will keep the total here and it will show you at the same time. 15 00:00:59,880 --> 00:01:03,960 And this is the history component and it will keep track of your transactions. 16 00:01:03,960 --> 00:01:09,510 Whatever you make like, you get money or you spend whatever the history interceptor her. 17 00:01:09,900 --> 00:01:10,320 All right. 18 00:01:10,320 --> 00:01:12,180 So next we have the add new transaction. 19 00:01:12,280 --> 00:01:15,030 So from here you will add a transaction. 20 00:01:15,030 --> 00:01:20,460 So let me just show you how the transaction and things will be reflected. 21 00:01:21,060 --> 00:01:22,860 OK, so here is a label section. 22 00:01:22,860 --> 00:01:26,100 So here you will write the title of the transaction, whatever. 23 00:01:26,610 --> 00:01:32,640 For example, if I go to sell, so I will write a salary here and how do you have to write that amount? 24 00:01:32,950 --> 00:01:37,530 So now here, one thing you need to keep in mind is that whenever you're getting something, you are 25 00:01:37,530 --> 00:01:39,870 getting an income like you getting the money. 26 00:01:40,050 --> 00:01:45,920 So for that, you need to enter the amount followed by a plus plus symbol after plus money into the 27 00:01:45,930 --> 00:01:46,680 loan, for example. 28 00:01:46,680 --> 00:01:48,810 Or you can just leave it like that. 29 00:01:48,810 --> 00:01:54,660 But whenever the salary is deducted or you spend somewhere so that time you have to put negative, somewhat 30 00:01:55,050 --> 00:02:01,800 thoughtful, positive, provide positive or leave it like a positive number for when you're spending, 31 00:02:01,800 --> 00:02:02,840 then you have to put negative. 32 00:02:02,850 --> 00:02:10,890 So let me just put salary, for example, salary if about sixty eight, sixty thousand and you just 33 00:02:10,890 --> 00:02:17,790 heard and so you can see the salary is being credited and here is the balance of sixty thousand rupees. 34 00:02:18,090 --> 00:02:19,350 Income is sixty thousand now. 35 00:02:19,350 --> 00:02:21,190 Expenses zero rate, not, for example. 36 00:02:21,190 --> 00:02:24,810 Now we also get something like bonus. 37 00:02:26,180 --> 00:02:28,310 Bonus of maybe 20K. 38 00:02:29,690 --> 00:02:32,990 And when you hit, enter this press this button right here. 39 00:02:33,620 --> 00:02:36,490 So now your total is 80000 without an expensive. 40 00:02:36,510 --> 00:02:43,100 So now, for example, if I spend money on maybe rent, house rent and for that you need to put that 41 00:02:43,110 --> 00:02:44,930 negative sign because you're spending money. 42 00:02:45,300 --> 00:02:54,980 The negative of maybe 10, 12, 1000, then you could enter so you can see one thousand in the expenses 43 00:02:54,980 --> 00:03:00,680 and the total balance have been decreased, but then come the same because it is what we have here. 44 00:03:00,950 --> 00:03:01,370 All right. 45 00:03:02,330 --> 00:03:08,750 So maybe we spend money on something else, maybe bills. 46 00:03:10,860 --> 00:03:16,530 Bills for bills we maybe spend with thousand one, two three. 47 00:03:17,430 --> 00:03:20,630 OK, so this is how the application works. 48 00:03:20,640 --> 00:03:22,470 So this is our total balance remaining. 49 00:03:22,470 --> 00:03:23,890 This are all expenses. 50 00:03:23,970 --> 00:03:26,270 Then come and this is the history section. 51 00:03:26,280 --> 00:03:31,380 OK, so here you will see the history of your like expense and income and everything. 52 00:03:31,770 --> 00:03:36,750 So one thing you need to you will notice here is that whenever we're spending money for the expense, 53 00:03:37,200 --> 00:03:39,120 the color here is right. 54 00:03:39,390 --> 00:03:42,810 And whenever you're getting money as an income, so it's green. 55 00:03:42,810 --> 00:03:47,030 So all of this will be doing and you can even delete history. 56 00:03:47,040 --> 00:03:52,870 For example, if you do not get bonus this month, even just delete this and the amount will be decreased 57 00:03:52,870 --> 00:03:53,070 here. 58 00:03:53,520 --> 00:03:57,670 OK, so this is all about the application next. 59 00:03:58,590 --> 00:04:00,750 So what are we using to build this? 60 00:04:01,080 --> 00:04:03,960 Of course, we are going to use records for this. 61 00:04:04,410 --> 00:04:10,800 And in the records we'll be using Use Context API, we'll be using global context and global states 62 00:04:11,130 --> 00:04:15,510 to manage the data and to parse data and to share data from one component to another. 63 00:04:15,540 --> 00:04:21,780 So for that to me to be using Use Context API, Global Context API, and that's all we are going to 64 00:04:21,780 --> 00:04:24,690 use and you're going to learn a lot in this project. 65 00:04:25,050 --> 00:04:30,590 And if you don't know context API, you'll learn about context API, use context and use data. 66 00:04:31,050 --> 00:04:36,810 And if you even know your context API in the U.S. TikTok, you'll learn more about it and you will brush 67 00:04:36,810 --> 00:04:43,170 up your concepts in that you learn how to parse data from one component to another component and everything 68 00:04:43,170 --> 00:04:43,800 related to that. 69 00:04:44,340 --> 00:04:49,770 So let's break this, and this was all about the introduction in the next video will start building 70 00:04:49,770 --> 00:04:51,540 this, so we'll see in the next one. 71 00:04:51,540 --> 00:04:51,930 Thank you.