CSV reconciliation

Build with Vlak
Local reconciliationExact text matching · project revision 1

Changes stay in this tab until saved.

Recent projects

Saved on this browser. Clearing browser data removes these projects.

No projects saved here yet.

    Recovery projects

    Choose a project to open as a separate copy. Keep the original recovery file; unsupported entries are preserved there.

      Open ?

      Your current work will be saved in Recent projects before this opens. You can also download a project file. Imported files and historical revisions open as separate copies.

      Remove ?

      This removes the browser copy and its saved revisions. Download a project file first to keep it.

      Output candidate

      Ready for two sources

      Parse both files, choose one key column from each, then run the comparison.

      Duplicate keys become ambiguous groups for review. Missing, empty and present key values stay distinct.

      Choose two local CSV files. Nothing is uploaded.

      No result yet

      Open two files → choose keys → review differences → export

      View source

      Inside the interface

      Choose two local CSV files and identify their key columns. Exact text matching preserves leading zeros and separates matches, missing records, conflicting values and ambiguous keys. Review the exceptions, then export the result and the recipe that produced it.

      Files are processed in this browser. Matching is exact; duplicate keys require review. Data-preserving and spreadsheet-safe exports are separate choices. No accounting system is connected.

      Components used

      Use this as a starting point

      Build with Vlak

      Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

      React componentsCSS includedMIT licensed
      Install the package
      npm install @noorddev/vlak-react
      import "@noorddev/vlak-react/css";
      Installation guide View study source

      Start with your coding agent

      A ready-to-use brief with this study, Vlak’s components, and the design guide.

      Component modifications

      • Native file inputs preserve the source CSV. Input and Select configure key columns and comparison fields; a worker keeps parsing and matching away from the main interface.
      • Badge and Button expose the actual comparison state. Decisions remain tied to the source records and are invalidated when their inputs change.
      • Project files retain sources, recipe and review decisions. Browser copies, previous revisions and recovery downloads share the same lifecycle as the other local workspaces.
      • On mobile, source setup stacks vertically. Selecting a result opens a focused record comparison with a Back action that retains filters, keys and review decisions.