Skip to content

Instantly share code, notes, and snippets.

@jnewman12

jnewman12/RoutingLab.md

Last active February 16, 2017 04:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jnewman12/4e1ae096dc043b4ac262e12bb9991e69 to your computer and use it in GitHub Desktop.
Save jnewman12/4e1ae096dc043b4ac262e12bb9991e69 to your computer and use it in GitHub Desktop.
Download ZIP
Routing Lab
Raw
RoutingLab.md

Front-end Routing with UI-Router

Introduction

  • To practice working with UI-Router, you're going to make a single-page app with multiple views.
  • just like in our UI-Router lesson, don't forget you'll need to run your front-end through a server so http-server or server will be your friend.
  • This lab builds upon our services lesson (and lab) from yesterday,
  • The exercise is to make a simple crud app (index, new/create, show, delete) with an external API
  • API Endpoint: https://agile-chamber-77499.herokuapp.com/artists

Exercise

Your app should have:

  • A list page (or index), listing all our artists
  • An about page, explaining what this application is for (could be anything you want. get creative!)
  • A new page, to add a new artist
  • Encouraged Stretch Goals
    • add delete action
    • add show page + action to view single artist
    • Styling with Bootstrap/Foundation

Starter Code

In your starter folder you'll find a sample interface, but only on one page.

Deliverable

An Angular application with multiple states using UI-Router.

Additional Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment