So welcome back, Thio.

My streams.

I haven't been streaming for a while, and, uh so now I'm getting back into it.

I think it's been, like three months or something like that, because last time I street with sometime in June, I'm not sure when, but I'm getting back into it now.

And if you don't know what we're gonna be doing today, I figured I will show you.

So I created kind of a, uh a little overview of what we're gonna be doing today, So let's have a look.

Right.

So what we're going to build is a productivity app, and this is gonna be a Siri's called building An app from scratch that I'm also gonna upload on YouTube.

And what I'm gonna do is I'm gonna stream every Monday between 2 p.m. And 3 p.m. And we're gonna basically build this app riel time.

I'm gonna build it live, and kind of what it's gonna be is a productivity out.

I recently listened to a podcast with Tim Ferriss and he had or the Tim Fair show his podcasts, and he had a guest called David Allen, which has a book called getting things done, which is kind of a productivity system.

And so, uh, when I heard about that, I figured I kind of realized that the system is similar to what I do.

And what I do is I basically write down all the things that I come up with, that I want to dio want to get done, and then I kind of sort that into what do I need to do tomorrow?

And I kind of tried Teoh right down on, like Post it notes.

So you can see here I have a little post it note with a couple to do so for today, and I try to limit it to about 2 to 3 things that I need to get done.

And this after is essentially going to be kind of a way for me to do that with my phone instead of using all these post it notes and random like on Va Lopes and things that I use.

So the way that Hiss system works is that you kind of have like, an entry where you just put all the things that you come up with, all the things that you are on your mind and basically you just write down all the things that you can think of that are on your mind.

And then you put that in your in tray, so to speak.

And then you kind of schedule times to go through that entry and sort through the things and kind of pick the things that you like set kind of deadlines for different things.

I haven't read the entire book yet.

I've kind of flipped through it.

I just got it like a couple days ago.

But that's kind of the the ideas you make it.

You have a place where you can just write down tons of notes or like, uh, tasks that you come up with.

And then you get kind of can go back to that list and sort through it and set like days when you want to be finished with that or deadlines for the things.

And right now, I currently used mostly like ever note.

I've tried to use every note for these sort of things, but what I find is that it's it's a little bit too unstructured, so it's not like it's not very easy to just go into every note and start typing out things that you can you think of.

So what I want to do is I want to build an app where I can just open up the app and write down anything.

As soon as I come come up with an idea or a thought.

I just want to be able to write it down straight away.

And then I want to be able to also in that up have a list of all the things or I want to have and easily over viewable lists of all those things that I've come up with that I can then sort through and kind of categorized into different projects and then set deadlines for those different tasks.

Uh, so this is the kind of an overview image of what we're gonna build.

We're gonna build a productivity app, and we're gonna build the front and using flutter and what we're going to go through in all of these different videos in the Siri's is gonna be after sign and then also turning the act or turning the design into an actual app within flutter.

And then we're also going to build out the back end for this because I feel like this might be a good idea or a good chance to actually build out back and for this kind of that.

So what we're gonna do is we're gonna build a wrist, a p I using python and flask, and we're also going to create an SQL dollar base.

And we're also gonna kind of figure out how Thio then actually publish this thing, which I don't really know how.

Like I don't know the details of how to get it online so that you can actually use it for rial.

I just know sort of how to build a rest a p i and also a little bit about SQL daughter basis.

And then we're also going to go through account of so safely storing the difference safely storing use of daughter.

So that means like storing the past words, storing like kind of what would you call it, uh, sensitive information of your users.

Essentially.

So that's kind of the over you what we're gonna do and what we're gonna do today is gonna be app design.

So we're gonna focus on just kind of building out a design for this.

I already have, like, the first screen, so I kind of have.

So what I do is I usually go to Pinterest.

And then I look at different after signs and try to kind of come up with different ideas for how to make the different components that I want to make within the app and then also try to find a color theme.

So the color theme that I picked, it's going to be this kind of red and dark, dark gray and then the wife.

So, yeah, we're gonna go ahead and open up Adobe XY, and then we're gonna get to actually designing the app.

All right, so I've also created a notes here and ever note where I have kind of built A or written up a general structure for what I think the app is gonna be.

So I want one screen is gonna be the entry, and that's where you should be able to ask add tasks.

And that should be the first screen that opens up so and it should be really simple toe add a task it should be super like should be very clear how to add a new task and, uh, then This should just basically be a entire giant list where you can just write down more and more tasks.

And as soon as you add like deadlines or categorized the different tasks, they should be removed from that list.

So you kind of clear them by setting a deadline or a date for that task, or you clear them by adding them to another project.

And then maybe that project is in that list.

And, uh, let's have a look at the other things.

So the second screen that that I want is gonna be the today view.

So one of them is gonna be the entry where you have all the tests, and then the next three screen is going to be today, and that's going to default to today.

So then you see the test that you planned to do today, and here I want you also to be able to actually see the entire week so you can choose between either the day, week, month or year to kind of get an overview.

Because maybe you set like, 10 tasks to do tomorrow, and then you wake up tomorrow and be like, Oh my God, I have 10 tests today.

Ah, good thing would be if you can get an overview of your entire week so you can kind of see Okay, I've planned way too many things for tomorrow, So I might have to postpone some of those things or do them today or something like that.

So that's gonna be the second screen and the third screen.

There's gonna be projects.

And I want you to essentially be able to just make as many projects as you want and sub projects as well.

So it could be a main project within that you could have a sub project and then within that you can have a sub project.

And I want that to kind of be like an infinite list so that you can just keep adding new sub projects essentially, because I feel like that's one of the things that are missing from some of the other APs that I've looked at.

Uh, usually you can have, like, sub tasks to a task, but you can't keep adding subtext and sub tests.

Um, yeah, and then also I want to be able to see the completed tasks because I feel like that could be both kind of satisfying to be able to see the tacit you've actually completed.

And also, it might be actually helpful to see the ones that you've completed so that you can go back and see, like if you want to redo something or fix something that you thought you were completed with.

But you actually weren't there something like that.

And then we also want the profile page, which is basically gonna be just like any other profile page, I think.

Yeah.

And then I also created a list of classes, so I kind of sort of what I think a class might look like or classes might look like.

So we have a Projects class which is going to contain a list of tasks, and then we have a technique class, cold tasks, and that's gonna contain list that can contain, then lists of tests as well.

And that is something that I want to do so that we can just keep adding tasks to sub tests, two tasks and then a kind of just and this is just very rough and, uh, kind of on the fly.

I just made this up Ah, pretty quickly.

So I might have to add certain extra things Or maybe take away some things I'm not sure, but we have some dates and some strings for, like, the i d.

And also for a note, if you for the actual task.

So maybe you want to write something down a little bit more on then we have a class called support file, and that's something that I got from the book.

And that is essentially maybe you want to add something like a website or something like that, or maybe a document where you want to write down things that you might need for that task to be able to complete it.

I think this is going to be a really good thing to have.

All right.

But that's that's kind of just a quick little overview of what the APP is gonna be able to d'oh.

And now we'll get into actually designing the So I have this tool here called City.

I think s I p, and that basically has something where you can just press any color and then you copy that color or the hex code for that color, which is really useful when you're kind of building these sort of things.

So what we want to do is we want to set the background here to be That's dark gray.

And then we want to add a wife square.

Look.

So So this first screen have already kind of decided side?

No.

Kind of what?

I want this to look like.

Um, what's actually open up over lead to sun that some might know.

Really?

Do it.

Uh, okay, security.

Go.

All right.

So that's kind of what what I wanted to look like, Um, let's also change this for me.

So and then that color I don't really like this.

This color was the one that turned into this color when you when I added it to the app or in flutter, turned into this kind of a little bit less distinct red.

All right, so that's gonna be our first really nothing.

And what I want you to toe also be able to do is swipe between different screen so that it's not just so that each screen is a little bit more accessible.

Um, now we're gonna play around a little bit with what kind of navigation bar we want.

We could have a navigation bar up here or we could have one down here.

Um, because I kind of want some either at the top or at the bottom and navigation bar.

You could have it in other places as well, of course, So you could have something like this, but we might actually want it up top.

I like the I like this where it's like it just goes straight down into the end of the screen.

Basically, that the list goes all the way down, like so and one other things that I would like this, that when you press one of these tasks that it would open up something like, Let's cook that paste it open up to something like this so that you get get an overview off.

Um, all right, let's go with this, Ciro.

So something like that, so that when you press the task, it would open up like this and you would get a more detailed view of, like, maybe the sub tasks or some like that, Um, maybe also the deadline for the task.

So that's kind of why I like it when it's when there's no navigation bar at the bottom.

But also that having a navigation bar at the top kind of this is a little bit less use of friendly if you like, because having it's usually difficult to reach the top of the screen to press so having things that the bottom is usually going to be a little bit better because it's easier to press there.

But since we're gonna have the swiping function, I think I think we can still get get away with a navigation screen or navigation bar.

So we're off course, gonna have to also design the icons for this.

So we're just gonna go 10.

So I'm just gonna add something that is gonna look close to what we wanted to look like.

That it's not gonna look like the final icon Ryan on DDE Cherry.

All right, Something is something like this.

I don't like the icons.

Don't look that great right now, but I think this is sort of what I want for it.

Um, Yep.

So and then also, let's actually that Jenny.

Thank you.

All right.

So this would then be the page where you see the specific day.

So today then.

And this would be the page where you see things like that different projects that you've created.

And, uh, yeah, so that's that's essentially gonna be our navigation bar.

We're going off course, go into actually how to design the different icons, and we're not going to use the sort of Hans, But right now, this doesn't matter too much.

We just want to get an overview and kind of an idea of what the APP is gonna end up looking like.

So there we go.

Now we need to design the today or week or month page.

So that's gonna be this page, right?

Right there.

Um all right, maybe we should just go to Pinterest and see if we can find some, some nights, the signs for this.

I like that.

So this thing where you see So you see, like it says 25th of March and then I'm guessing you compress the 24th book 26th and maybe you can even scroll that list.

I think that looks really good because it's, uh And it would work really well for this because we I want to show the date of today, and then you also want to be able to go back and force that you can go to yesterday.

Or you can go to tomorrow and check what task you have planned for tomorrow.

So I think that's I think that is a good idea, actually.

Okay, so you kind of need to figure out.