Billing.ext

• 

  List of bills to export

• 

  Bill extraction

• 

  Context Menu

💡 Inspiration

My friend and I run an after-school program and had a backlog of bills to enter into QuickBooks. Doing it manually was 😩 tedious; so I built a tool to speed it up and make bookkeeping feel effortless.

⚙️ What it does

Billing Extension lets you highlight bill info right inside your email and turn it into a QuickBooks-ready CSV in seconds. AI (Gemini Nano) extracts the details, vendor, date, line items, etc, and stores them locally.

🛠️ How we built it

Built with the WXT Chrome Extension Framework, Vue + Atomic Design for the UI, and Chrome’s built-in Prompt API (Gemini Nano) for AI extraction.
Local-first architecture means no cloud setup, everything runs right in your browser.

🧩 Challenges we ran into

• The limited context of the Prompt API made it tricky to get consistent extractions across multiple emails.
  
• Teaching the extension to auto-recognize new bills after the first one was tougher than expected.
  

🏆 Accomplishments that we're proud of

• Turned this around super fast 🚀 especially after struggling to get started last year.
  
• Got AI extraction working fully offline using Gemini Nano.
  
• Created a scalable extension based on domain-driven design (DDD), complete with event sourcing!

📚 What we learned

• The built-in AI in Chrome has improved dramatically; it’s now genuinely helpful for local-first AI projects.
  
• Good UX matters even in dev tools — the “Mark as Bill” right-click flow made a big difference in usability.
  

🔮 What's next for Billing.ext

• 🤖 Auto-detect bills based on ones already marked
  
• 📎 Enrich bills with PDFs and attachments from emails
  

Built With

• vue
• wxt