Angular Weekend Lab

Objective: The goal of this project is to build an Angular application with the server/back-end of your choice. Your app will not have user authentication, since we'll cover SPA auth on Monday.

Requirements

What you build is up to you, but you must follow these requirements:

• Your Angular app must have at least TWO client-side routes (use either ngRoute or ui-router) with associated templates and controllers.

• Your Angular app must send at least ONE HTTP request (use either $http or ng-resource) to any server.

• In terms of your server / back-end, you have choices:

  • External API
  • Back-end as a service (e.g. Firebase)
  • Build your own API

• Your app should be beautifully designed and pleasant to use. Write user stories, draw wireframes, and use well-designed websites as inspiration.

• Your code should be organized and commented, and you should push your project to GitHub with frequent, descriptive commit messages.

• You should not write any jQuery code yourself. Try your best to do angular-style DOM manipulation using built-in and custom directives.

You are welcome to pair-program for this project. If you choose to pair, tag your partner in the pull request you submit to turn in your lab.

App Ideas

• Startup Ideas Generator
• A Stack Overflow clone with questions, answers, comments, and votes.
• A microblog, journal, or to do list.
• A "Yelp for" - create reviews about anything - yoga studios, online stores, toast, you name it.
• A flashcard app for studying, with decks of flash cards.
• Anything else you can think of!

Example Stretch Features

• Create and use a custom angular directive.
• Use an angular-ui module for a UI component or feature.
• Incorporate an external Angular directive other than an angular-ui module (for example, ngDraggable or ngStorage - one place to browse is ng-modules).

Getting Started

1. Create an repo on Github to contain your project.
2. Create an appropriate .gitignore.
3. Create a readme explaining the purpose of your project, in addition to any other relevant information.
4. Plan out your user-stories and simple wireframes
5. Happy coding (don't forget to commit frequently)!

Some Resources

• JSONPlaceholder (RESTful API with mock JSON data)
• Super CRUD (RESTful API with mock JSON data)