Virtual Influencer Interface

This tool was created so the marketing team could use a Virtual model rendering tool developed by our AI pod. My responsibilities included creating reusable components, building out pages that matched a figma design, create mock api's, and hande state routing. Initially I needed to learn ReactJS, which was different from traditional html. I taught myself the basics and met with my advisor weekely to learn best practices as well as the fundamentals of ReactJS.

My advisor taught me to not code by coincidence, and to understand what every line of code I wrote. These meetings were helpful, but they were limited to his schedule. After I would complete each page, I would resolve merge conflicts, commit my branch, make a merge request, and get a peer review to ensure my branch could be merged.

The application itself had 5 pages: select an influencer, select a background, upload product, current processes that were rendering in the back-end, and finally drag and scale to place the product image. Initially, I built 3 mock api's and simplified them into one by nesting objects in JSON. Used link-state routing to create a new JSON object that would be saved for future use. Finally, used a package named interactJS to create the drag and scale page, where the user could modify and download the finished image.