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.

Plant care app to track plant needs and schedules

* Used Node.js and Express to build the Plant Registry service, leveraging Node's non-blocking, event-driven architecture for high concurrency and Express's built-in middleware and routing, simplifying API development and facilitating plant data tracking and third-party API integration.

* Implemented optimistic updates and expanding modals with React Hooks in the inventory display window, streamlining design and reducing latency-based friction in user experience.

* Designed data model and implemented it in PostgreSQL to guarantee data consistency during concurrent access, creating a scalable solution to manage a high volume of throughput.

* Reduced production build speed by 85% by configuring and deploying webpack for use with React.

Reading list app to sort to-reads and already-reads

* Leveraged Redux Toolkit to simplify multilayer state and ensure separation of concerns across slices of state while integrating the front end with a third party API.

Microblogging emoji-centric app

* Contributed to testing pyramid to protect codebase from regression by writing unit tests in Jest and integration tests in Supertest, following test-driven development.