Connecting & Configuring, & coding AWS Amplify with my Nuxt 3 App

Connecting & Configuring, & coding AWS Amplify with my Nuxt 3 App. Nuxt3 Template is available at the front end. I need to connect AWS Amplify with my Nuxt 3 App and implement the following functionalities: 1. SetUp Three Environments inside AWS Amplify: Dev, Stage and Prod and connect a GitHub Repo branch to each one of them (Dev, Stage & Prod). 2. Write Authentication using Cognito Userpools. The users should be able to edit their own profiles & update their profile image in an AWS S3 Bucket Users should be able to ▪️SignUp/Register ▪️Login using Email or Username ▪️Login using Google & Facebook [Federated Login] ▪️Implement the update password & forgot password functionality ▪️After logging in, each user should get redirected to their own dashboard depending upon which type of user they are. I have mentioned the different user types below. 3. Write a User CRUD for GraphQL wherein the Superadmin is able to create, read, update and delete users. ▫️List of Users should be displayed in the frontend with different table for each type of user. [Table Component is Available in the Theme] Users have the following different models: 3a. Learners 3b. Educators 3c. Guardians 3d. EduCareExecutives 3e. SuperAdmins 4. Deploy the project with Amplify Hosting on Route53 on the Dev URL, and help us merge the branches on the stage and prod URLs to setup Continuous Integration but Manual Deployment. We will setup three different development URLs [login to view URL] for Dev connected to the dev branch [login to view URL] for Staging connected to the stage branch [login to view URL] connected to the prod branch of the relevant repo. Note: Its mandatory to provide a short screen recorded explaination as to how certain steps were accomplished for future reference.