Title: Data Dictionary using Angular

Company: Google

covid19 image

An internal tool ,Data Dictionary, was being designed to aid product area resource managers in understanding how each one out of thousands of metrics are calculated. They could also look for existing metrics to use instead of reinventing the wheel.

I started by understanding the codebase. This involved a comprehensive exploration of the backend systems, ensuring a profound understanding of data structures governing metric definitions and datamarts. This foundational knowledge was essential for the seamless integration of new frontend features

I partially implemented a detailed metric cards on internal pages using a side panel. Each metric had a dedicated card, offering at-a-glance information about its calculation methodology. This addition aimed to streamline the understanding of metric derivation for product area resource managers, without them having to navigate to a different page.

I also incorporated a guided tour. This interactive tour served as a hands-on introduction to the tool's functionalities. Tailored to be informative and accessible, the guided tour eased the onboarding process for users, particularly those unfamiliar with the system.

Additionally I also worked on creating a new webpage resembling a dictionary. This page allowed users to search for specific requirements and instantly retrieve related existing metrics. The goal was to centralize information, enabling users to explore and leverage existing metrics efficiently.