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.

The app uses these technologies:

• AngularJS 1.5.x
• Firebase 3.0.x
• AngularFire 2.0.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 Firebase config object in index.html with your own Firebase app data.
4. Log in to your Firebase account and paste the content from security_rules.json into the Firebase rules section for your app.
5. Run the sample Node server by visiting https://hyperdev.com/#!/project/ribbon-hunter and creating a HyperDev account.
6. Hit the Remix button and then make the project private by clicking the project name > Advanced options > Make private.
7. Fill in the Twilio, Mailgun, and Firebase config variables, and follow the directions on https://firebase.google.com/docs/server/setup#initialize_the_sdk to connect the server to Firebase.

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

gordon@watchandcode.com.