John Dunn

Software Engineer
Contact
John Dunn

React Query Rewind

React Query Rewind allows developers using the state management tool TanStack (React) Query to time travel state directly in their browser. An official TanStack (React) Query Community Package

  • Install the NPM package and Chrome Extension
  • Place the custom component next to the root of your application
  • Happy debugging!
  • Available for React, Svelte, & Vue
reacttypescriptmaterialuinpmwebpackrollupjesttestinglibrarygithubactions
React Query Rewind

Open Forge

Award

Hackathon Challenge Winner

If you want to go fast, go alone. If you want to go far, go together. Find like-minded developers for your open source projects.

  • DeveloperWeek 2024 Hackathon Challenge Winner - the nation's largest challenge-driven in-person and online hackathon
  • OpenForge is a portal that allows you to find like-minded developers to build open source products. Create a profile and tell the community about yourself - what technologies you like, the areas you're passionate about, and any projects you're currently working on.
nextjstypescriptmongodbvercel
Open Forge

Med Schema Sync

Improving interoperability in healthcare data with AI - Created for DevPost Google AI Hackathon 2024

  • Consumers of healthcare data are challenged to create a standard data model that encompasses the unique data standards of different providers
  • This service uses AI to reconcile differences in data models and create a standard schema so that application logic can be built upon one standard
pythonpostgresqlgooglecloudgeminifastapi
Schema Sync

Super Market Sorter

Mobile-first web app that automatically sorts grocery items by aisle

  • Enter your grocery list and watch it organize your shopping list
  • Check off items as you shop
  • Toggle between all items and remaining items
reacttailwindcsstypescripttsnodejwtexpressmongodbwebpackawsdocker
Super Market Sorter

React JSON Difference

Displays JSON diffs in a human readable format

  • Built for React
  • Install the NPM package and use the custom component to display diffs
  • Display all fields (left) or only changed fields (right)
reacttypescriptnpmrollup
React Json Difference

About

I'm John, and I'm passionate about building great products.


I've spent the last 6 years in health tech, working as both an engineer and a product manager. I enjoy everything from cleaning large data sets and building pipelines to optimizing browser performance and ensuring a seamlesss user experience.

Contact Me