Devtool for TanStack Query with Vue that visualizes cache hits and refetching sequences (accelerated by OSLabs)
* Developed Vueable Query, a Chrome Extension developer tool which provides visualization and performance metrics for TanStack Query-powered Vue applications by implementing a multi-context message passing relay that enables independent parallel sessions.
* Leveraged D3.js to create dynamic graphs showcasing network latency and caching frequency, resulting in a user-friendly interface while enabling future customization.
* Filtered, sorted, and normalized nested data in a Pinia store, synchronizing components to build a responsive application while keeping the design modular.
* Unified design with Vue to split reporting into overview and detail windows, enhancing readability.