Angello

Welcome to Angello, the AngularJS storyboard! Based off the Trello App, this repo holds the code for the app built in the AngularJS in Action book. Read on to get started!

Prerequisites

You'll need git, a web browser, and a local web server.

Running Angello

Install it

Run the following command to check out a local copy of the code.

git clone [email protected]:angularjs-in-action/angello.git

Set up the backend

There are two options for the backend of the app: NodeJS and Firebase.

Using Firebase

If you do not have one already, set up an account with firebase.com
Create an app (name it whatever you want)
Click on your new app's URL
Click on the Login & Auth section of the resulting page on the left hand side, and check the checkbox that says Enable Email & Password Authentication
Copy the URL from the address bar of the page you are on
Open the file /client/src/angello/app/services/EndpointConfigService.js and update the URI property of the firebase object to your copied URL.

You're done! Skip to the Start it section

Using NodeJS

Go to the Angello Express API and follow the directions to get the API running.
Once the API is running, open /client/src/angello/app/services/EndpointConfigService.js in a text editor, uncomment // .constant('CURRENT_BACKEND', 'node') and comment out .constant('CURRENT_BACKEND', 'firebase').

You're done! Go ahead and move on to the Start it section.

Start it

If you have a local web server that you use, simply serve the client directory of the project. If you do not, you will need to install Node.js and NPM.

Once you have installed Node.js and NPM, run the following commands in your terminal. Make sure you are in the angello directory.

npm install -g serve
serve client/

These commands install the serve package on your system globally and then serve the client directory of the angello application for your viewing pleasure.

Use it!

At this point, you should see the login portion of the site. We've made it to the fun part! Go ahead and play around with the app and see what it does. Read on for a tour of the app.