weshoover / tunely-angular

[angular 1, mean, node, express, mongodb]

tunely-angular

Full CRUD single page app (SPA) with MEAN stack. A refactor of tunely with an Angular front end.

Objectives

This lab begins with just HTML and CSS on the front end and a fully built out back end. Each sprint in the project has its own objectives. As you work through the project, you'll:

• see how to set up an Express server to serve an Angular front end
• consume a JSON API using Angular's $http
• update Angular views using 2-way data binding and Angular's client-side templating
• CRUD albums and embedded songs
• build your toolbox of Angular modules, services, and directives

Prerequisites

Before starting this lab, developers should have some familiarity with...

• Express server routes for HTML and static assets
• Express server routes for JSON (/api routes), including the controller pattern (see docs/controllers_example.md)
• RESTful route design
• AJAX
• Git and GitHub, including branches

Getting Started

• fork and clone this repository
• read this document
• follow the branching instructions here

Sprints

Sprint 1

Sprint 1: set up a simple Angular app with hard-coded data

Sprint 2

Sprint 2: GET and POST album data with the Express back-end

Sprint 3

Sprint 3: UPDATE and DELETE album data with the Express back-end

Sprint 4

Sprint 4: refactor app to use ngRoute and view templates

Sprint 5

Sprint 5: add ability to CRUD songs