FieldProof App for Contractors

Check it, correct it, approve it, and hand it off.

Comment
Inspiration

This is my first hackathon, and I'm probably way over my head, but I wanted to jump in and use it as a learning experience. I wanted to put something together that was practical for a small business who could use a WebMCP enabled browser/agent to work through tasks easily.

The WebMCP Challenge gave me an opportunity to learn more about WebMCP. At first, I thought it might be gimicky, but after building this partial app, I definitely see the value.

Most of my coding experience has been in HTML and data analytics. Working with Codex has given me a way to sort of turn back the clock and work on the type of project I've always wanted to try.

Lastly. I'm close to retirement. I've always been technically inclined, but not formally educated in development. What Codex has done for me, which may sound silly, is it makes me feel young. I enjoy building, and taking part in this hackathon pushed me out of my comfort zone. Even though the project is simple, I'm proud of it.

What it does

FieldProof helps contractors keep job photos, completed work, and daily notes together. When a project is ready to wrap up, a browser agent can check the records, find missing information, and prepare updates for the contractor to review. The contractor decides which updates to save. After a successful recheck, FieldProof opens a handoff packet that can be printed or saved as a PDF for the client.

How I built it

I built FieldProof with Codex using React, TypeScript, and Vite. Project records and photos stay in the browser through IndexedDB and Dexie. Render hosts the app.

The FieldProof concept and some initial coding existed before the challenge. For the hackathon, I added WebMCP tools and built the review process around them.

Challenges I ran into

One challenge was making the agent’s work easy to see. Initially changes made by the agent were buried in a side panel. I had to change layout so someone watching could understand what the agent found and what needed a decision.

Another challenge was testing whether an agent was actually using WebMCP. I tested with a separate agent session and checked which tools it called.

Accomplishments that I'm proud of

I’m proud that that I competed and completed my first hackathon! I know the reality is that this isn't a complex tool, it doesn't have wiz-bang features or amazing motion graphics. I'm not building a rocket, or some major SaaS product. However, it's mine. It's the type of thing I like to build, and it make a process easier for people.

What I learned

I learned how much the interface matters. A tool can work correctly and still leave someone wondering what happened. People need to see the result and understand what to do next.

What's next for FieldProof

My next step is to continue building the rest of the app, get feedback from contractors and see whether FieldProof fits how they actually keep job records. I want to improve the wording, make photo capture easier on a phone, and refine the handoff packet based on what clients need.

Built With

Share this project:

Updates

Submission history