Hi @MoatazKhan12,
I have not used that particular API, nor have I done anything this ambitious myself in terms of customizations. I don't want to discourage you from looking around and trying some things, but I think this is actually a pretty complex customization, especially if you want the users to enter the info themselves form with in Canvas. Something else to consider is how this would work with mobile apps, as the same customizations that apply to the web version of Canvas will not generally apply to the mobile app. Because of the uniqueness and complexity of these things, I don't think there is any real good guide to point you to. I will move this post to the developers area where someone else might chime in. I know @James has done a lot of what I think are called "Canvancements" in the past, but I'm not sure how much of that kind of work he still does or if he might have any pointers for you.
I wish you luck on this for sure!
-Chris