Placeholder Image

Subtitles section Play video

  • All right, So today's video is gonna be a bit different.

  • Instead of a one day build, it's gonna be a one week build.

  • And basically, this last week has been like hell week for me.

  • I think I put in close to, like, 70 maybe 80 hours just to build this app.

  • And also I had to enter this video and the footage that I had.

  • I think it had, like, 15 hours of footage, so it was quite tough to get this done.

  • But now it is done.

  • There's been, like struggles with posting the app to with like getting rejected from the Apple App store several times.

  • Like I think I was like, five days in a row.

  • I got rejected.

  • There were some bugs in the APP, so it was good that I got rejected, but it was super annoying when it happened.

  • But anyway, let's get started.

  • So in last week's video, what I did was I created a script, a Python script that went to the Google calendar, a p I and then got all of my events for every week.

  • And then it would give me something that looks like this for work.

  • one use plan to spend 4.5 hours this week for exercise.

  • Your plan to spend four hours s.

  • So basically, this is what we get right now.

  • And my plan is to like I said, make this into an actual app that will display this a bit nicer and make it a bit more usable.

  • And now I'm gonna get into actually designing the AP and the way I like to do this is just by going to interest, and I sort of just get inspiration from what other people creates.

  • And then I kind of get the different color schemes and how they combine different colors to make it look really good.

  • So, for instance, like, that might be a lot of different things for, like, calendars or something.

  • This is one design for a calendar that looks pretty cool, I think.

  • And then, um, you can see this one, too.

  • That's another design for a calendar.

  • Looks good as well, this one.

  • So basically, I just look through different things that I know.

  • I'm gonna use things that are similar to what I'm gonna use.

  • And then I tried to create something similar to that and based on the color theme that I've chosen.

  • So yeah, that's what I'm gonna do now.

  • So this is what the design looks like right now what I came up with, basically this all these like purple lines represent bike paths.

  • There's probably a better way to do it, but that's how I do it.

  • Yep, so that's pretty much it for just the design of the APP.

  • But this is the I'd call this the piece of the minimal viable product.

  • So now what I need to do is to be able to get the daughter from Google Calendar.

  • The APP needs to authenticate you so that you can access your information basically.

  • So let's have a look.

  • So now I have the base flutter project started again, like in so many videos before.

  • Basically, the way that I like to start when I build my APS is to try to just print something to the screens.

  • I won't really mind what's here for now.

  • I'll just kind of creates something where it's like if I press the button and it'll get some sort of response and we'll print that, too, like the terminal, that's what we're going to start with.

  • I want to just try toe, connect to the Google calendar a p i and get some response.

  • I don't care, really, what the response is, just some sort of response.

  • So that's step one.

  • All right, this is Day two now, and ah, probably spent close to 12 hours just trying to get the whole like use authentication toe work so that you can actually get stuff from the Google calendar.

  • Also, kind of went down a bit of a rabbit hole, Biggest added fire base to the app, so that now you can log in as a user, which it wasn't really necessary.

  • And I didn't really want to do that, but seemed like that was the only way to get the authentication toe work.

  • And then once I've gotten that toe work, I also got the authentication to work, and I think those can work separately and I kind of thought that at the start as well, but basically I just googled things until I found out how to do it, and now it says no email here.

  • But if I press this button than this thing comes up, allow access to the Google calendar, so they just do that.

  • It should have my email address.

  • So it's verified.

  • So now when I press that ad button, it should get Yep.

  • All right, so now we get all of this.

  • It's the response for the calendar.

  • So I have all the events for this week or for whatever time I said.

  • So now all that's left is just to build the u I.

  • So that's what I'm gonna do now.

  • All right, So this is the third day on this build and basically what I've done now, if we run it so we can add something, we can just add whatever name we want.

  • And that'll added to the list.

  • And then here we print out all the tests that I get at it, and then we also gets here Day one, which is Monday.

  • So what I've done is I've just added some random tests here, so you can see it will some a total time on Monday spent on this task is zero because I don't spend any time on Day two.

  • It is one hour, which is this thing's So right now we get all the daughter that we want now we just have to put it on to the actual card.

  • I have about one hour and 40 minutes.

  • And in that time, I'm gonna try toe, build this out.

  • So these two screens, this one and this one?

  • Yeah.

  • I'm gonna try toe, push hard and try to get that done in less than an hour and 40 minutes.

  • Good luck, though.

  • This is where we're at right now.

  • If I run it and we get this thing and then we can add a task and then press save and then it adds it to the list.

  • And basically, here we have all these tasks.

  • Red is YouTube.

  • So on Ju ST there's a big task and that is displayed in the chart as well.

  • And then here there's just a little short one.

  • I've just made this up to kind of test.

  • Uh, the app also, if I do this and go here and then at a new task, this should like there should be something where you could do, like, a pull to update.

  • So there should, like, load and update this.

  • But I don't have that right now.

  • But if I do and then save, then it updates.

  • So basically, now you can see that this bar is pretty similar to the one on Thursday, which is the case here as well.

  • So yeah, that's I think it's pretty pretty needs to be honest.

  • So what would I have left to do is implement so that you can press this and then get to a different page where it's more of a detailed page.

  • All right, so today is Wednesday and that means basically I need to finish this up today.

  • And even if I finish it today, it's probably gonna be too late, because when you publish it to the APP store, I think it takes like a few days for it actually release.

  • I'm gonna have to try to finish that today on Dhe, see if I can publish it and all that.

  • Like, I think that means I need to be done with the whole thing by about 45 Maybe today.

  • And if I manage to do that, then basically it's possible that I can post this video on Friday and also have the APB out on Friday.

  • But if I don't manage to publish it today, I will need to also film another video that I can post on Friday instead of this one.

  • So I have a lot to do 12 o'clock right now.

  • So I have four hours toe build out the next page and just do some final touches to the at all.

  • So I need to design a logo for the app so that I can have some sort of icon for the app, so I'll have to do that at some point.

  • But now we're just gonna start by building this page A ll, right?

  • So I'm not sure exactly what day this is in the whole process, but it is Friday and it is three pm which means that I've officially failed completing this app and publishing it 3 p.m. So I had to make another video and post that, which is what I did.

  • So that is out now.

  • So right now, we the app looks like this and we get the cards with total time spend for the entire week and you can add more tests as you want, as you like, and you can press one of the cards and then you'll get a more specific, detailed view of that that card, and then you can also now press the each bar and then you'll get a little card like this that says the total hours for that day.

  • So Saturday, five hours and revenue is zero because I don't earn any money for this.

  • What I did this morning was I went through the app and looked at all the things said, I need to get done on the main page.

  • The things are left to do is the log out butter.

  • There needs to be like a dialogue that opens.

  • So right now, if I press log out, it just looks out straight away, which is not very good, because generally when you do when you press a little gas button that it should be like a window that comes out saying, Are you sure?

  • Do you Do you really want to log out S O That's what That's one of the things I need to add.

  • And then something on like the top here, either a bar chart.

  • My idea is to have a bar chart that has all the different tasks, something like that, or I wanna have something like similar to this, but maybe a more full pie chart.

  • And then right now, if I slide like that, it permanently deletes that card so I can't get it back.

  • A good thing would be to have, uh, a dialogue open up, like, Are you sure?

  • Are you sure you want to delete this category?

  • So those are the things that I need to add as well.

  • And then also, I want to add a pull to refresh so that if you do like this, then it should refresh and then also added, deletes pot into the dialogue.

  • So if you open this thing up, there should be something saying, like delete here.

  • Those are the last things, Actually.

  • Also, I need to add all I need to create the logo for the app.

  • So I need to create some sort of logo like I have a few ideas on kind of what logo might look like.

  • So now I'm just gonna go through and get all of these tasks out of the way and done.

  • All right.

  • So let's just start with the first test.

  • We Oh, no.

  • Fixed wth e log out bottom.

  • So now if Empress log out and then you can express abort mission where you compress more gallant, even support.

  • Then it goes back here.

  • And if you press looking out, the new log out, I won't do that now, because people there, But that's what happened.

  • All right, so that is that task done so we can take that box.

  • Yep.

  • Next thing is message when deleting the cards so Well, okay, so now tried to implement that pool to refresh.

  • As you can see, right now, it just says for you to be just cyst on Thursdays.

  • So added this event here, and it's red.

  • So if I pulled the refresh now, then it should reload and should add a task here on Monday.

  • So let's try it.

  • Yep.

  • So it did it Added it to this card.

  • I don't know what changes the locations of the card.

  • Sometimes I'm not sure why, but anyway, it added this here also.

  • Now, if you delete that it shows the dialogue in the impress, cancel or do it.

  • So now move on to the details page and finish these last two tests.

  • Now it's time to design the logo for the up.

  • And I have a pretty good idea of kind of what I want.

  • I want it to look like that's what I'm gonna do.

  • All right, So I think that this is what I've landed in.

  • This is what this one looks like.

  • And maybe we should do just a still frame so you can see what this one looks like.

  • And the next one looks like All right, so it's now Sunday and today I probably would have to actually launch the app or like publish it to the APP store in Google Plate.

  • And the last couple finishes that I've done is I've added so that on the top of the screen, there's a chart somewhere.

  • You can see the like this a little bit of it.

  • Purple, little bit green and same thing here, a little bit purple, little bit of red.

  • And that is basically for all the tests that we have that day.

  • But yet now I'm just gonna add the splash screen and try to fix this issue here.

  • So now I've done fixed that problem enough except for him.

  • So basically, all off the things that were left to fix have been finished.

  • So now it's just time toe.

  • Publish it to the All right, So the APB is out now, and I just downloaded it from the Google play store.

  • It is out on the Apple App store as well.

  • I did set a price to the APP, so it's gonna be about five or $6.

  • I think I'm not sure because I had to put it down in Swedish crones, but I think it's gonna be about pharmacy Stoller's and the recent being is simply that I figured that if you want it downloaded, you can kind of look at it as supporting this channel, which I don't expect you to do.

  • I don't expect anyone to download this app because I know that it's kind of a lot of money for a nap, and there's probably better APS out there for this.

  • But if you want to and if you feel like you want to support the channel even more than you can, and in case you wanna have a look, the link to both the Google play store and the AP stories in the description of this video.

  • Anyway, this is what it looks like on my phone, and I've already set up the different categories that I have and I've planned my week.

  • So basically, what I'm going to do now is I'm gonna upload another video after this one where I go through the Google calendar and kind of how I planned my week and then show you how I use this app in conjunction with Google Calendar.

  • But I hope you enjoyed watching this video and kind of seeing my process of how I go from an idea of an apt an actual finished product that's launched.

  • And yeah, that's pretty much it for this one.

  • No, something Maybe I will use this a some sort of merch, like every now and then.

  • Oh, making up and publish it to the app store and go play store.

  • And I could make a video on how to make those APS and then that work is some sort of merch where you can purchase it and support the channel.

All right, So today's video is gonna be a bit different.

Subtitles and vocabulary

Click the word to look it up Click the word to find further inforamtion about it