This course was created by London App Brewery. We are pleased to host this content in our library.
Skill Level Beginner
All right, it's a new day and that means we're making a new app. In this module, we're going to be making a dice rolling app and the crucial thing that we're trying to learn here is how do you create apps that not only look good but actually also have functionality, so by the end of the module, we're going to have a super awesome dice rolling app where when you click on it, it's going to change the dice face, so you'll be able to use this to settle any scores you have in real life such as who has to take out the trash. As with all of our projects, we're going to start of by using a start a project that we provided for you and the reason is because we've already load up the images, we've already hook up the asset, so you don't have do all of that boring stuffs again. We'll assume that you know how to drag and drop and how to link up the assets and add apple icons. We're going to spend all time learning new things such as how to make the user interface actually update when the user does something such as clicking on a button. Go ahead and click on the clone or download button for this repository and of course a link to this repository will be provided in the course resources for this lesson. Let's go ahead and clone this on to our local system, so I'm going to crack up an Android Studio and I'm going to check out my project from version control. So like check out project from version control and then paste the URL that we copied from earlier into this box here and then we're going to go ahead and click on clone. Now, once that's done, we're going to select "no" for this pop-up and instead we're going to open up our project, so it doesn't try to build as an android project but we actually open up a flutter project. So let's navigate to where we specified we'd save it which in my case was under the folder, "Aandroid Studio Project," which is the default setting and then we're going to select the app that we just clone, "dicee-flutter," and click open. All right, so as always we're greeted by a whole bunch of arrows. First things first, let's click on "Get dependencies," so that our project knows that this is a flutter project and we're using the materials.dart library and make sure that everything is all set up for us. Ready to go and just before we get started building our app, I just want to show you around the starting project, so all that we've done is we've incorporated an images folder inside here and we've got a number of dice images all the way from dice one to dice six and we're going to be using these images inside our app to display them when the user presses a button or changes a dice face. Now, in the last lesson, we talk about how to actually link up images and you've already done that twice now, so we already done this for you, so if you check inside the pubspec.yaml folder, you can see that we've already added our assets to flutter and we've already setted up with the images folder, so everything inside this folder is already ready to go and can be used anywhere within our project. Now, with each module we're trying to teach you something new about flutters, something that's important to developing flutter apps but in the challenges, we try to challenge you and revisit some of the things that we've taught you in the tutorials, so if you're not yet comfortable with a lot of these things such as linking up the image assets or adding an apple icon then really make sure you do all the challenges cause that's where all the revisions happens and in these teaching modules, we're going to try and keep it focus around one topic, so now all we have to do is go ahead and run the starting app just to see what it looks like and first thing notice that we've already got the app icon added into the project, so you don't have to do all of that again but as regarding the rest of the app, we haven't actually done very much at all. All we have is simply a app bar with the title that says, "Dicee," and both the app bar and the background is red and we're ready to actually get started changing up the body of our app, so for all of that and more, I'll see you on the next lesson.