Project Overview

This Context Mapping app (mock) is built using Nextjs and Xarrows. It was one of the apps I built during my frontend developer job at OmniGeo Solutions. This demo is an oversimplified version of the context mapping app I have created. I created this interface with 2 columns of sample values and used Xarrows to link between them. When any value from column A and column B are linked, both of their value will be shown. The way I created this app was by manipulating multiple arrays and using the useRef react hooks so that I can call the Xarrows function multiple time. This app is useful when users upload values that are different from what we expected, and I can prompt the user to match their value with our server's value. Then, the backend can add some function to overwrite the user's value. This app is deployed to vercel.