Placeholder Image

字幕列表 影片播放

  • All right, So welcome back.

  • And today what we're going to do with something that I'm super excited about It's something that I've been wanting to do for a while now, and that is that I will be building your APS s.

  • So I did a community post here on YouTube a few weeks ago.

  • It might even have been a month ago.

  • Now, where I asked you guys to send in your app ideas for me to build.

  • And first of all, I just want to say thank you for sending that in because I got blown away by the amount of e mails that I got sent to me and the amount of ideas that I got.

  • So really, thank you for that.

  • And I also want to say that in case I don't get to your idea in this video, I will probably make this into a Siri's.

  • So hopefully I can get to your idea in the future.

  • And also, my idea here is just to help you get started on your app.

  • I can't really build your entire AP out for you because I want to try to get through as many APs and ideas as I can in this video.

  • So what I'm gonna do instead is I'm gonna try to figure out what the main screen of your app is based on your description, and then I'm gonna build that out.

  • And then what I'm gonna do is I'm gonna create get tub repositories for each of these APs and leave the links to those in the description of this video so that you can then go and download that and continue to work on these abs on your own.

  • So that's pretty much what we're gonna do today.

  • So I want to say again, Thank you for sending your ideas in on.

  • Now.

  • Let's get started.

  • All right.

  • So this is the first act that we're going to start building today.

  • This guy, Ahmed, Roger.

  • I'm not sure how to pronounce your name exactly, But he sent in this idea that I thought was really great, and it's just read it out loud, and then we'll get into trying, trying to figure out what are the different components that would be for the home screen.

  • And then we'll build that out as a high schooler.

  • Going into senior year, I was thinking about making an app like uber, but instead of it being for drivers or food, I wanted to be for technical repair.

  • Service is, for example, if someone wants an electrician's come repair their stuff, they can go to the AP search for electrical or electrician's, and then the electrician's gets notified and accepts the repair request.

  • From there, the two parties will go through and book a time for the service to be done and to confirm that the job was completed and the electrician can leave.

  • The customer will give the technician a randomly generated code, which puts the money transaction through.

  • Other than electrical, I was thinking repair service is could include computer help, furniture, assembly, plumbing, work and much more.

  • I know this is a large project, but if you could do even some of it, that would be great.

  • For example, if you could make the maps and or search part to get me started, I'll take it from there and continue developing this idea.

  • All right, so we'll start with this to try to try to flesh out the different requirements for the app, and then we'll see kind of where we go from there and what we're gonna do since he mentioned the uber app, we're just going to start by going to Google and then seeing if we can find a design of the uber app because I don't remember what that looks like, and then we'll kind of look at that and try to make something similar to that.

  • All right, so I'm thinking something like this where I haven't decided on the colors or anything like that.

  • This is just a very rough draft of what the yeah might look like.

  • So, essentially behind here, that would be a map where you have, like, certain locations of different technicians essentially that are available right now.

  • And then you have a scroll, we or something down here with little cards showing the different people that are in your area right now.

  • So, like so you could see Okay, John Doe, he's an electrician.

  • And right now his status is available.

  • So if you're looking for an electrician's, then you can just press this guy and you will get to that profile, and then you can see the reviews of that electrician's as well.

  • And that would just be a long list of all the people that are signed up to the service and then up here, you can also type in and like, search for the type of service that you're looking for.

  • It's very similar to this uber to sign.

  • That is kind of what I based.

  • This design on looks pretty boring right now, but we're gonna try to make it a little bit more interesting once we build it out.

  • Any flutter.

  • So we're gonna start straight away, and we're gonna open up a new flutter project used my command that I created in one of my videos.

  • In case you haven't seen that it's called automating my projects with Python, I think, and I just type in create.

  • And you didn't this'd, huh?

  • And then that just takes care of everything.

  • It creates the folders in the right directories, and then it adds a repositories to get hub, and then it pushes the first commit so that that it's all taken care of.

  • I don't need toe.

  • Think about any of that anymore.

  • And what we'll do then Now we're in the right directory.

  • What we're gonna do is we're gonna create another directory in here.

  • We're gonna call that, uh, we're gonna go into the and then we're gonna d'oh left there as you do.

  • This is, uh and this will create the flutter project for us.

  • All right, so this is what the APP looks like right now.

  • This is the start of a project that we get when we open a new flutter project.

  • What we're gonna do now is we're gonna create the first screen.

  • All right?

  • So now I've finally been able to actually have a map on the screen which took a long time to actually do.

  • But now we have it.

  • So that have works.

  • At least that's good.

  • Now we're gonna add the cards and the search functionality, and, uh, then this up or this screen is designed and ready to go.

  • So we're gonna start with designing the cards.

  • That's the next thing.

  • All right, So now what?

  • We're gonna d'oh kind of continue.

  • This is we're gonna create a new folder and we're going to create We're gonna call that models, and then within this folder, we're going to create a new file Cold technician.

  • Don't start and in here will create in your class for our technicians.

  • All right, so this is our technician now.

  • We have a name, a phone number, address, the rate.

  • So how much do they charge the status?

  • So are they available, or are there away or whatever?

  • And then we have the rating.

  • So how highly has this technician been rated?

  • And then we have the profile picture, which is what we're going to show here on this little card.

  • Also, we need occupation.

  • All right, so that those are the things that we need.

  • Now we can get those things and then display them on each card.

  • Essentially, wait.

  • So we've got the first screen essentially done.

  • There's some things that, of course, I haven't implemented, like, for instance, actual locations of these people.

  • But that is something that's gonna be, like, integrated with the back end.

  • And really, in order to make this somewhat doable, I have thio limit the amount of stuff that I actually do to be able to get a couple of these APs done in one video.

  • You can search here for technicians near you.

  • That doesn't do anything right now, but that is one of the features that will then be implemented.

  • That will be like searching for the location of the people that are around you.

  • And then we have down here we have a list of all the people that are in your area, and we have the status of them.

  • So this one is available right now, and the rating is four out of five stars.

  • And I just created the same technician over and over again to kind of get a little bit of a display off what this will might look like in the end.

  • And I'm pretty happy with this design.

  • I hope you are happy as well.

  • The person who sent this in.

  • What was your name again?

  • Let's have a look.

  • So, Ahmed or Ahmed?

  • I'm not sure.

  • Roger, I hope you're happy with this little design.

  • Three idea is just to get get.

  • You kind of started get you going.

  • So I hope this gonna get kind of gets you going.

  • And I'll like I said, leave links to the getup depository for all of these gaps in the description of video so that you could just clone that on.

  • Keep going.

  • Keep working on what I've already gotten you started on.

  • And now we'll move on to the next app.

  • But I think I'm gonna save that for tomorrow.

  • Because right now I just need Thio eat something because I haven't eaten since, like, nine.

  • And it's 3 p.m. right now, s So I'm gonna eat, and then I'm gonna get back into it tomorrow and film the next app that we're gonna build.

  • So, uh, yeah, well, I'll see you tomorrow.

  • All right?

  • So it's day two and it's time for the second app of this video.

  • And before I get started, I just want to say thank you to everyone who voted for a name for my newsletter, and it's gonna be called what most people voted for, which is clean code Friday.

  • And in case you haven't heard of it, I just want to mention it quickly.

  • It's gonna be a short email that I'll send out every Friday containing a few bullet points regarding, like the most interesting things I've found this week, and that's gonna be things like podcast episodes.

  • I'm listening to our book, some reading articles.

  • I've read productivity tips, coding tips and tricks and really anything that I think you might enjoy.

  • And in case you want to sign up to this?

  • I will leave a link to that in the description of this video.

  • And also, this is entirely inspired by Tim Farriss Fi bullet Friday.

  • So in case you see some similarities, you probably should see some similarities, because that is what I got my inspiration from.

  • But I hope you'll sign up.

  • And I also want to say thank you to everyone who has signed up.

  • I'm blown away again about how many people signed up to this already.

  • So, yeah, I just want to say thank you and let's get started with the second act.

  • All right?

  • So same as before, we're going to get start by just reading out the email, and then we're gonna go through it and try to figure out what are the requirements and then try to come up with a design for it.

  • The app idea I have is one that would advertise jobs.

  • Unemployment is an issue where I'm from, and information and the lack thereof is one of the challenges I'm hoping this app can or will address.

  • The idea of the APP is that it's free and we'll have job listings that I or someone composed many jobs?

  • Yes, do get advertised in the papers, but not many people here can afford to purchase the papers daily.

  • This is the gap that I'm hoping the Apple Bridge.

  • Most people do have smartphones, but daughter prices are pretty high.

  • But hopefully they'll reduce in the future.

  • And the apple then surely have its space.

  • All right, so this is pretty simple.

  • It's gonna be an app where people composed different jobs and where you can then go to for jobs.

  • Essentially, the guy who sent this in was Mark at Cath Wire, or I'm not sure how to pronounce your name either.

  • But I think it's like cat wire or something.

  • So what we're going to start with, it's just deciding the first screen.

  • And I think I'm thinking that's gonna be something where we have a list of all the jobs that are available right now, and before we start, we're going to go and actually go to Pinterest and try to find the colors that I like and a design that I like.

  • So on this page, the first page what?

  • I want to be able to see this.

  • I wanna be able to see a different job categories, and then I want to be able to also see a different job.

  • Listings.

  • So what I kind of think it would be cool is if it's like if you get the top list things or recently posted listings or something like that that you can just scroll through no matter what the category of the job is.

  • So you kind of have that section where you can scroll through recently posted jobs and then you have a section below that that's gonna be like, but you can still like specific categories, and then within that you can search for those cat within those categories.

  • So this is gonna be the screen.

  • Essentially, I'm gonna build it out something similar in Adobe X Day.

  • So a lot of people ask me why what suffer I use and I use ever note for my note taking and then adobe X T for the after sign.

  • All right, Uh, let's start.

  • All right, so I think this is the design for now.

  • Right now, this doesn't look that good.

  • I haven't really finished assigning thes cards, but I think this is good enough to kind of get it, Get a start.

  • So, uh, we're gonna build this out pretty quickly, I think.

  • All right, so now we've got the first part done, and I'm pretty happy with the way that this actually turned out this.

  • I think this looks really good.

  • So what we get is this screen I did pretty much copy exactly what?

  • The design on Pinterest waas for the color on the back here and it says, Find your new job and then you get a list here of all the jobs that are for the most recent job posts.

  • Right now, it's just a list of the same exact job post because I couldn't be bothered going through like adding logos for other companies and then adding the details for the other companies.

  • So I just made a four loop that just creates the same company over and over again.

  • But I think it's enough because it kind of illustrates the point.

  • The next thing is gonna be to go through and create this stuff for all the job categories.

  • I think that should be pretty quick.

  • So let's just start building that straight away.

  • I think this is pretty much it for this build for this app.

  • So what we've got right now, I'm pretty happy with this.

  • This actually looks really good.

  • It looks pretty clean and kind of get gives you the feeling that I was going for when I was doing this.

  • So this is the page.

  • Essentially, you get here and you see a list of the recent jobs, then the idea would be that you'd click these cards and then you'd get toe a full page where you can see all the details of that job, and then you can also apply through that page.

  • And then we have something else here where we have a list of all the different job categories.

  • And these are just the jobs that I kind of their overarching categories that I came up with on the spot.

  • There are probably a few that I missed, but these are kind of cover some of them at least.

  • And if you would do this when you turn this into a re elapse, you would have to, of course, go through and like chick that you actually have all the different categories within your app.

  • All right, so that is the second APPA built, and I hope you're pretty happy with it.

  • Mark Cat wire again?

  • I'm not sure I have to pronounce your name, but I hope you're happy with it, Mark.

  • And, uh, like I said on the previous one, I will leave a link to this guitar Brickell story in the description of this video so that you can just go and download that clone it and start working on it on your own.

  • Now, it's again been about three hours for this build.

  • So, uh, we only have one more left, but we're gonna do that tomorrow, So it's gonna be a three day long thing.

  • So that is me done for today.

  • And now I'm just gonna rest for a bit and then probably work on some other things on, and then we'll get back to it tomorrow and finish off the third app.

  • This is turning out to be a lot bigger of a project that I thought it was gonna be, and it's taken a lot longer, but it's a lot of fun.

  • And this is the stuff that I really like to do.

  • It's thio.

  • Get ideas for APS or come up with an idea for a nap and then just find a design for it and then build out that design.

  • So it is one of those things that I really like to dio.

  • But now I'm going to rest, and then we'll be back tomorrow.

  • All right, so today, stay three on this enormous quest that I've embarked upon, and today we're going to do the third and last up.

  • We're gonna get that built, and we're just gonna get straight into it, because I just want to get started right now.

  • All right, So this is the last act that we're gonna build in this video.

  • And this was sent in by so high cannon again.

  • Another difficult name to pronounce for me, at least.

  • But I hope you know who you are, and we're just gonna go ahead, read out what he sent us, and ah, also, he sent a link to a website that he has, which is the website that he essentially wants to create an app for.

  • So this is something that I will use us my inspiration when it comes to kind of the color scheme and the design of and feel of the APP, I guess.

  • All right, so let's read it out.

  • The goal is that this is a Web app.

  • I have a full on website that I made and I post a blogger week on it.

  • It's called mining chamber dot com.

  • If you look at it, you'll get a lot of reference.

  • It will be exactly like the app, and also the goal will be so people can get access to blog's and the lottery system and maybe some mining by using advertisements and pay.

  • The user's their cut.

  • All right, so that is kind of what he wants.

  • It's not super detail, but the thing is that I looked at his website and I thought that the website looks good and it has some good potential for a nap.

  • So we're going to start by looking at the website and trying to figure out kind of what we need for this.

  • All right, so this is kind of what I've come up with so far.

  • It's not the final design, but it's ah, it's a start, at least, And what I'm thinking is that if I press this than this thing should, like go down and then a new one will pop up.

  • That's specific to that page.

  • But right now we're going to start building this out, and then we're going to see kind of what that ends up looking like.

  • And then we'll do some more specific design work at regarding like what?

  • Uh, what the final product is gonna look like.

  • Right, So, uh, here we go.

  • This is what we ended up with.

  • This is what it looks like.

  • You compress the different buttons here, and then you'll get to the different tabs.

  • I haven't added anything for any other types because we're just building one screen today.

  • But this is essentially the home tub.

  • And this way you get the crypt of library or the blogger posts.

  • Essentially.

  • So then you get a long list here of blood posts, all the post that have been posted and right now similar to the other absolute built in this video.

  • It's just a bunch of the same exact post.

  • And ah, then you compress read Maur, and then you'd get to the actual article, and then you could read that article.

  • I want to see if I can find something where I can set the color of the shadow to be something else on.

  • Then I think we're pretty much done.

  • Okay.

  • All right.

  • So I think I think I'm happy with what we've got.

  • Now.

  • I added a little bit of a shadow here, or like, radiant to it, And that just kind of makes the buttons here show a little bit better.

  • And it also kind of gives a little bit of another element, I guess to ah, to this.

  • But with that, I'm going to say I'm pretty much happy with that.

  • So, uh, we're gonna again committed to get tub.

  • All right, So, uh, so high yb or whatever your name Waas.

  • However you pronounce it.

  • So hope this ended up looking something like what you wanted it to look like.

  • And I feel like I say this all the time with all the eps that I build, but I'm pretty happy with the design of this one.

  • I'm happy with the outcome on duh.

  • I mean, there's some things that may be given a little bit more time I could have refined or perfected, but I'm pretty happy with this so far.

  • All right, so that's the first video in this Siri's done and I really enjoyed it.

  • It was a whole more work than I thought it was gonna be.

  • I counter knew that it was gonna be a bit of work, but I didn't really think about it too much.

  • I didn't realize that it takes quite a while even to just build out one screen for one app.

  • But I didn't really enjoy it.

  • And I hope that the ones that sent out these ideas that you guys actually like the designs that I ended up making and that I hopefully got you started on your app.

  • And like I've said several times, you can go to the description and just clone this and start building on your own three idea with this video, it's like I said that the start just to kind of get you started.

  • I'm not gonna be able to build out an entire AP in just one video.

  • And what I wanted to do also is kind of try to build out a couple app so that it's so that I could get through as many people as possible because I got a lot of emails on different up ideas.

  • So I also have a couple.

  • One starred in my inbox.

  • So in case your app was not built in this video, hopefully I can build it in the future video.

  • And also, if you missed it last time, you didn't send me an idea.

  • You can still send it to me at Cal builds your app a gmail dot com And I'll keep checking this email to see whether I get new ideas.

  • And I'll keep, like, making a long, long list of ideas for ab stability in these videos.

  • So hopefully, if you send me one of your ideas, I can build that in the future video.

  • And lastly, I just have one small request that is, that you give this video alike in case that you enjoyed it because I found out that that really helps the YouTube algorithm, and that helps my video do even better.

  • And I put a lot of effort and thought into this video, So I really wanted to do well, so if you could do that, I would really appreciate it.

  • Ah, but that's it for this one.

All right, So welcome back.

字幕與單字

單字即點即查 點擊單字可以查詢單字解釋

A2 初級

構建您的應用程序! (Building YOUR Apps!!)

  • 4 0
    林宜悉 發佈於 2021 年 01 月 14 日
影片單字