In this assignment you are going to use a web framework to build a single page application (SPA).
Your application should be responsive and smooth with a modern look and feel.
Since we are working with web technologies you will hear the term responsive a lot.
Responsive means that your website will adapt whether it is run on a phone, tablet, or desktop.
DO NOT focus on this when building your assignments, design for a phone, that is what Salehen and I will be using to mark your assignments.
Make sure your app works on a iPhone 5 / Nexus 5 "ish" device. i.e. buttons are clickable and the viewport is sized so that when you look at it on a phone you can read the text etc...
Directives and Animations Routes and Params Data Sharing and HammerTime
Your app should be live on a gh-pages branch of a github repo. Salehen and myself will be using Google Chrome for Android (same as iOS) on a Nexus 5 and One Plus One.
Read This and then test on a phone or use Chrome developer tools (see below).
You can use Google Chrome's developer tools to emulate mobile devices and even network speeds. Click the little phone icon in the top left to start emulation.
That's up to you and your app design.
Keep it fairly small and focus on showing off some clean application logic (i.e. handling user input and displaying results through a controller and view template) and ABSOLUTELY FOCUS on design and ux. Your app should look and run REALLY WELL.
Using a web framework and a routing module your app should never leave the original index.html. Read up on this.
Only if you are running a pre-processor on less, sass, jsx, etc... You app should run live on gh-pages, i.e. only js, css, html are supported.
Follow the file structure your framework prescribes, or use the following basic structure:
app/ index.html js/ controller1.js ... css/ main.css ... img/ ... bower_components (or libs) / ...