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

Demo application overview

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

Start my 1-month free trial

Demo application overview

“

- [Instructor] During this course, we are going to build an app to manage trips. For us to be able to use this app, we need to log in. So let us click the Log In button and we get a pop-up to choose the authentication method. And in here we can either Sign Up for an account or Log In if we already have an account. Let's say we want to log in using Google or that we can click the Log In with Google button. And we see that after we log in, we are redirected to our app. In here we have three options. We can either create a new trip. We can see All trips, or we can Log out from our app. Let us create a new trip. Let us name this trip just, Trip Name. And Trip description, let's say, Just a description. (keys tapping) And to the Date start, let's say, yesterday. And then click the Add trip button. If you scroll down in here, you'll see the trip that we just added with a Date start but with a dash in the Date completed column. Now to update the details, you can click the Update button on the right. You'll be redirected to the Update view, and here let us update the name, so Updated name. Let's also update the description, so Updated description. Let's choose a Date of start, one. And Date of completion, today. Now, you can either cancel this action by clicking Cancel or update the values by clicking the Update button. If you scroll down, you'll see that we have an Updated name, Updated description, and new values for the Date start and Date completed. Now if you want to delete this trip, you can click the Delete button. You'll be redirected to the confirmation page where you can either Cancel this action or you can click the Confirm button to delete the trip. Let us click Confirm. If we scroll down, we see that our trip is deleted. And finally, to Log out from the app, you can click the Log out button. So now in here we see the Log In button and the home page.

Contents