Thursday, June 8, 2017

1.2 App wireframe/prototype

Hello all !

My app
My app is powered by https://hasura.io/
 
I started building  my apps prototype (i.e. the user-interface , how it will look and behave, without any actual functionality - its just the design/blueprint of an app) using an online tool /web app called 'proto' at 'https://proto.io' , as recommended by our mentor , Tanmai Gopal (Co-founder & CTO - hasura.io - a cloud PaaS & BaaS  provider company).

It is a very effective in building app prototypes. It reduces a lot of your work, by having a ready prototype handy before actually start building the app. But despite my wish to use ' proto.io'  , I opted for an alternative to prototype my app , (due to a poor internet network ,  proto.io becomes very 'sticky/unresponsive' and hard to use).

I, therefore , developed my prototype by actually coding it (using html5, css and bootstrap) on https://heroku.com (a cloud PaaS)..  Later on I just copied all my code  , and I got my UI (ready) as well as prototype in one arrow !.

My App's prototype 
url :  http://webwithjs.herokuapp.com/

Its a three page app. Functionally its only a two page app. The first page allows you to post questions (along with signup, sign-in & sign-out  functions), the second page lists all the questions (with the most recent one at the top, therefore has very little back-end  integration and functionality) and finally the third page allows the user to post his answer to a question.

But will use https://proto.io in future, as I upgrade to a faster network.

Following are the screen shots of my prototype

                                                                 SCREEN 1 (HOMEPAGE)

                                    SCREEN 2 (DISPLAYS  QUESTIONS ASKED)

                                             SCREEN 3 (ANSWER SHEET )

                                                                  SIGNUP PAGE

                                                                LOGIN PAGE

                                                              LOGOUT PAGE





Please leave your feedback.

No comments:

Post a Comment

Derivatives stock list at NSE

Complete FNO stock list at NSE. ABB India Ltd ACC Ltd APL Apollo Tubes Ltd AU Small Finance Bank Ltd Aarti Industries Ltd Abbott India Ltd A...