From the course: Building Angular and ASP.NET Core Applications

Demo application overview

From the course: Building Angular and ASP.NET Core Applications

Start my 1-month free trial

Demo application overview

“

- [Instructor] Throughout this course, we'll build an app from ground up. We'll start with nothing but just visual code and build a complete functional app. Our app is named summaries, and it's just to add books, update books, delete books or view book details. So as a user, we use this app to keep track of all the books that we want to read, we have read or we are currently reading. In the main page you will see only one button which is the login button, let us click this button to log into our app. And in here, choose any of the providers to log in to the account. So I'll choose Google in my case. Once you are logged in to the account, you'll see two additional buttons at the top right. The add, which is the section where you can add a book to the collection, and books where you can see all the books. In here you can see data like title, which is title of the book, description, author, rate, date started, and date read. Based on these two columns, we have the status column. So for example if you have started to read a book but you have not read it yet, the status is going to be in progress. If you have not started the book, then the status is going to be not started, and if you have started the book and you have read it, then the status is going be read. Here on the actions column, you have three options. You have the show, which will display the details of the book like the full description because in the first page, we can only see a portion of it. Then you have the update button to update a book, and the delete button to delete a book. Let's go back to all the books and delete our first book. So once you click the delete button, you'll be redirected to this confirmation page, where you can either configure the action or just cancel it by going back. Let us configure it, if we go back to the books, you'll see that that book does not exist anymore. Now let us update this book. So, go to update, let us provide a date start, a date read, and a rate of let's say, 4.5, and then click the update button. So here now we see that this book has a date start, it has a date read, and the status is changed to read, and whenever you want to log out from the app, you can just click the log out button at the top right corner. So we were successful, we logged out, and now in here we can see only the login button.

Contents