The client-side setup – FoodMenu
The real crux of the chapter lies in the client. Let's add the angular-meteor
package to the application to start with the client. Add the package using the meteor add urigo:angular
command. We are ready to write Angular.js code.
Client packages
In the client, we will have two sections. The first section is the header, where we will display the logo, navigation link, and accounts section. We are going to use the accounts-password
, twbs:bootstrap
, and ian:accounts-ui-bootstrap-3
packages for the login and general styles. The other section is the container, where we will display the create/edit form or the listing based on the route. As we mentioned earlier, we also need angular-ui-router
for routes. Add all these packages using the meteor add
command. To add angular-ui-router
, run the following command:
meteor add angularui:angular-ui-router
Create the directories
, lib
, stylesheets
, controllers
, directives
, and templates
in the client
directory.