Lab Homework 10

Side Project Part II: Prototype

Photo by Hal Gatewood on Unsplash

Introduction and Instructions

Last class we learned about the powerful combination of designing user flows, user interface frameworks and paper prototyping. You started to work on actually designing how a person might use your application as well as how it might look, you likely also have a few screens that you’ve designed, with buttons, input and divs, etc...

1. Test your paper prototype with a potential user of your application, for example, if you’re building something for social media mavens, then find a friend who uses social media apps often and have them interact with your paper prototype.
2. Decide on the most crucial screen or interaction your application needs, this could be an input that displays a list of results, or a button that when clicked generates a random name. Either way, your goal is to simplify your application so that it delivers just enough for you to test with someone else.
3. Now, npm create-react-app yourapp and build out this component, don’t implement too much, just enough for you to have a digital version of your key user interaction in step 2.
4. Create a git repository for your application on local computer and a Github repository for your application on Github.com then push your code to your Github repository.
5. Lastly, create a new Heroku application and connect your Github.com repository. You should now have a working web app!

Post your Github repository and your Heroku link to the #lab-10 channel.