[Journey In App Creation]Post 2- The Design

I picked the one to do. It was the one recommended by @cryptowithincin(I rewarded you with 5 @steembasicincome shares). It seems pretty easy to knock out in a short amount of time so I'll go for it. If you have another app idea, go back and state it in the original post. I might make it and reward you for it too. As stated by him:

Make an app that shows steem, sbd, sp, and vp of your steemit account. Also it would be cool to show the upvote value of the last post that you have made. Lastly, a cool feature to add would be to have an sbi share counter where someone can search their name and it shoots out their current share count. 😃

I won't be doing the SBI part as that would be obsolete pretty soon. But lets get to designing the rest of the app.

First thing first. How do I want it to work visually? I decided to start with just what I needed, nothing more, nothing less. What information do I need from the user? Not much, just their(or anyone's) username. The easiest way to get that on iOS would be a textField. So I placed one on the first page that a user will see.

The textField has the placeholder of Enter Your Steem Username to let users know what to do. Then I put a submit button so users can submit their name to get the data. If the user leaves it empty or if the username is not valid, I plan on showing a little informational message above the text message stating that.

Once they press submit, the app will send an api request to a node.js server that I'll set up. From the server, I'll use dsteem to get the requested user's steem balance, sbd balance, steempower balance, their current vp and their active posts and data for those posts. That will all be sent back to the app and the information received will be displayed on the app. Here's what it will look like:

On this screen, you can see the back button which will return the user to the screen where they can put in a new name, and the refresh button which will refresh the data by submitting the api call again and displays the new information. The place that says Name will show the name of the user who's data is displayed.

This leads to the overall view to looking like this:

The very first thing is just the navigation controller thing which auto adds the back button making my life easier.

I'll also be giving away at least one SBI share per post about the app development process. For this post, the first person to comment what Apple made application I'm using to design and develop the application will be rewarded with 1 SBI share.

Next post I'll start writing the code for the mobile app. So far, no code has been written. I've just designed things in the storyboard. For a larger application, you would want to use multiple storyboards, but because its just me working on it and its very small(just two) I'll stick to one(and maybe one for the cell).