In this 3 part tutorial series we are going to build a very simple Todo list app with the latest frameworks available for backend and frontend. For backend we will be using Loopback 4 and for frontend we will be using Angular 7. Please note you will require to have the following
In this part we will create the core functionality, without waiting anymore lets get our hands dirty.
We will be using Angular material – angular’s own theme engine, tested across various browsers, this could make our lives a lot easier when comes to html designing. First, go into the folder todolist-app-webapp-frontend and open the terminal/ console, then fire commands in following command.npm install –save @angular/material @angular/cdk @angular/animations Second, go into the app.modules.ts file inside the src/app folder and include BrowserAnimationModule in the imports array, as depicted in the image below.
Fourth, we will code our todo.component.ts file and create methods which will handle the UI controls and communicate with the service we created earlier.