In this second part of the tutorial we will build the frontend of our chat application. The application will be built with AngularJS using the Loopback SDK and some other good modules we will see soon. The starting point of the app will be created with the Angular Yeoman generator so be sure to have this tool installed.
As announced some days ago in this tutorial we will see how to build a chat application using AngularJS as frontend and Loopback for backend. A demo can be found here. The communications from AngularJS to the backend will be made via REST API, meanwhile the real time messaging will be handled with Socket.io. The chat will be available only for registered users so we need to setup the authentication process in both AngularJS and in Loopback. A user, once logged in, can join an already created room or can create new rooms as he like.
Loopback is one of the most promising Node Js framework based on Express and maintained from Strongloop a nice startup based in San Mateo and recently acquired by IBM. Strongloop and Loopback are enterprise grade framework for web and mobile application developed on NodeJS and based on Express. In this tutorial we will use Loopback to create a simple API backend to serve a Todo application. We will not use the visual tool, arc, provided by Strongloop but instead we will use simple command line tool to model all the needed component for the application.
Our shop is almost ready. We created a product catalog and now customers can put product in its cart. In this part of the tutorial we will see how they can finalize the order and download the products they bought. To receive the payments we will use Stripe. Stripe as discussed in another tutorial is a internet service to receive payment already integrated with Laravel. The Laravel module to integrate with Stripe is Cashier.
In this second part of the tutorial we will see how to create the shopping cart for our e-shop. The cart will be associated to the customer and stored into the database. Using this approach a customer that will leave our shop and come back after some time will found his cart as he left it.