Skip to content

SF-WDI-LABS/tunely-angular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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