anthonybrown / angular-course-demo-app-v2

The sample application for the Angular Course

Wait and Eat

This is the most recent version of the demo app for The Angular Course.

Wait and Eat replaces paper waiting lists at restaurants.

If you eat at restaurants a lot, you'll love the app because instead of waiting around for your name to be called, you'll just get a text message when a table opens up.

If you own a restaurant, you'll love the app because it makes managing waiting lists really easy, reduces no shows, and creates happier customers that are more likely to come back.

You can find a full working demo at waitandeat.com.

The app uses these technologies:

• AngularJS 1.4.x
• Firebase 2.2.x
• AngularFire 1.1.x
• Bootstrap 3.3.x

Getting started

The easiest way to get the code is to download it as a zip file. If you're familiar with Git and Github, you can also clone the repository.

Run the application

1. You can use any server you like, but I prefer Python 2's built-in server for its simplicity. Navigate to the /src folder and enter, python -m SimpleHTTPServer, in your terminal.
2. Now browse to the app at http://localhost:8000.
3. Replace the url in src/app/core/constants.js with your own Firebase URL.
4. Log in to your Firebase.com account and paste the content from security_rules.json into the Firebase rules section for your app.

Style and structure

This app is a great resource if you want to learn the latest best practices for AngularJS code style and application structure.

That's because it follows John Papa's AngularJS style guide, which is the style guide recommended by the AngularJS core team.

What you'll learn

The main thing you'll learn is how to build and structure a large Angular app that works with remote data, user authentication, and has all the major Angular features such as:

• Controllers
• Services
• Directives

By reading and experimenting with the code, you'll also learn how to:

• Create separate modules for each feature.
• Create controllers that use services for most of the work.
• Safely inject dependencies that work after minification.
• Use promises to get data from a server.
• Use resolve in your routes to get data before your controllers run.
• Use controllerAs view syntax instead of $scope.
• Use controllerAs with vm instead of using this.
• Use bindToController in directives.

Contact

[email protected].