For a significant modernization effort proposed for Revit, a large desktop application, we undertook a comprehensive inventory of all interface elements within the product. This inventory involved both automated scripts that parsed the source code and extensive manual efforts to comb through the interface and capture screenshots. We then created a database to link the data obtained from the scripts with the manually captured screenshots. To enhance accessibility for the larger team, we built an inventory website from scratch. This website allowed designers to tag elements, facilitating the identification of commonalities across the product.

Not only did the site aid the team in their research and estimations, but it also provided a valuable learning opportunity for me. My goals for this project included mastering HTML, CSS, and JavaScript, and gaining full-stack engineering experience. The site utilized a Mongo database with NodeJS and ExpressJS on the server side, while the front end was built using AngularJS.