Hi guys, in this lesson, we will implement user profile component and weave. In this page, we will show the detail of users and we will show the curses that both by the user first of all in secret part, we will import user service. Secondly, we will import could service In data block, we will create our variables. Our first variable will be current users. Our second variable will be transactions. Then we will set current user from user service in created function created function will be automatically called after data of view component is created.

Then we will check current user is now or not. If it is not exist, we will navigate it to login page Then we will call transactions of user in this method. First of all we will get use of transactions from cursors then we will set it to transactions We can create our methods under methods block. Our methods will be logout. We will call logos method from user service. Then we will navigate to the login page.

Now we can implement HTML template. In template function. We will show user details. Also we will show transactions with table First of all we will create a container. Then we will create a header container. And we will show a welcome message for users and we will show the details of users.

Finally, we will show courses we table That's all about profile component implementation. Thank you