As you know, we are developing the SPA. Therefore, once the application loads, you can perform all of the operations without a page refresh. All interactions with the server are performed using AJAX calls. Now, we'll make use of the AngularJS concepts that we covered in the first section. We'll cover the following scenarios:
- A page that will display a list of restaurants. This will also be our home page.
- Search restaurants.
- Restaurant details with reservation options.
- Login (not from the server, but used for displaying the flow).
- Reservation confirmation.
For the home page, we will create an index.html file and a template that will contain the restaurant listings in the middle section, or the content area.