-
-
Landing page Desktop View
-
Invoice Tab Desktop View
-
Create New Client - Desktop
-
Report Tab Desktop View
-
Landing Page Desktop View - Dark mode
-
Client Tab Desktop View
-
Dashboard Desktop View
-
Payment Tab Desktop View
-
RevenueChat
-
Login Page Desktop View - Dark Mode
-
Bottom Bar Mobile View
-
Sidebar Mobile view
-
Dashboard Mobile View
Inspiration
The thought that birthed this project came out of human frustration, the administrative friction that held small business growth. I saw SME owners and Freelancer (being one myself) spend countless how's tracking down unpaid invoices, clumsily negotiating quotes over messy email chains and WhatsApp messages and critical loss of data when the internet is down. I realized that while large enterprises had dedicated finance teams and expensive ERP software that independent creator cannot afford when starting out, the Freelancer /SME world needed something that can bridge that gap. In many developing markets (taking Nigeria and Africa as a case study), internet connectivity is inconsistent, so the idea to build a financial operating system that's not just fast and reliable but can also be functional while offline turned into BillReve, A smart modern invoicing system tailored for freelancer and SME.
What it does
BillReve is a beautifully crafted, offline first financial operating system that's powered by AI.
True Offline-first Architecture: You can generate pixel perfect pdf invoices and draft quotes entirely offline with zero latency. The moment you reconnect, the background engine seamlessly synchronizes your data to the cloud across your device. Smart Quote looping: BillReve completely reimagined client negotiations. You can set hidden minimum counter prices to autonomously reject lowballs offers. When a client counters, you instantly receive their feedback and can redraft the existing quote seamlessly without ever generating a messy new link each time. RevenueChat (Your AI CFO): Powered by Google Gemini, RevenueChat is a fully quote-aware AI assistant. You can ask it to "Show my revenue trends for the month" or "Draft a polite follow up for this countered quote" based on the clients exact decline reasons. One-Click Workflows: Share mobile optumised public invoices and quotes instantly via WhatsApp integration.
How we built it
By heavily integrating AI into our daily engineering Workflow, We were able to explore beyond human capabilities. Acting as a product engineer as director, and mapping out the ux intuition, pain points and business logic while the AI counterparts instantly translates those architectures into robust code. Frontend: React 18, Vite, TypeScript, Tailwind CSS and framer motion for buttery smooth animations. State and offline storage: I paired Zustand (for global state) with Dexie.js (an IndexedDB wrapper) to achieve true local first storage. Backend & Auth: Supabase (Postgresql, Row Level Security, Magic Link Authentication) AI integration: Google gemini API for context context aware financial analysis, natural language querying and automated drafting.
Challenges we ran into
Building a true offline-first architecture with background cloud synchronization and real-time multi-tenant data protection is traditionally an engineering nightmare.
The Offline-First Sync Engine: Building a sync engine that accurately pushes local IndexedDB changes to Supabase while handling edge cases (like a user modifying data offline while another device modified the same data online) was incredibly complex. We solved this by implementing a timestamp-based conflict resolution system. Multi-Tenant Local Storage: Because offline-first apps rely heavily on the browser's local storage, multiple users logging into the same device caused massive data collisions. We engineered a "Hybrid Clear" approach: heavily syncing and then wiping sensitive IndexedDB tables upon logout, but caching non-sensitive UI preferences keyed by the user_id, so the app still feels customized upon their next login. AI Context Window Optimization: Feeding the entire financial state of a business into an LLM context window efficiently without blowing up token limits was difficult. We optimized this by passing highly structured, miniaturized JSON summaries of only the relevant active quotes and invoices to the Gemini API.
Accomplishments that we're proud of
We are incredibly proud of our Smart Quote Looping feature. Moving away from the standard "create a new document" flow to a continuous, stateful negotiation loop feels like a massive leap forward for freelance client management. Additionally, achieving a seamless, zero-latency UI that actually works without a Wi-Fi connection is a technical milestone we worked tirelessly to perfect.
What we learned
We learned that the line between human intuition and artificial intelligence in software engineering is shifting. We spent our time architecting the business logic, navigating the regulatory realities of manual business verification (CAC) for our payment gateways, and talking to users. The AI provided the engine, allowing us to build an enterprise-grade app in a fraction of the time.
Mathematically, if the time to build a feature traditionally is T, our AI-assisted workflow reduced it to T/4, completely changing the economics of what a small team can build.
What's next for BillReve
Automated Payment Gateways: Full integration with Paystack for seamless, one-click invoice settlements and automated recurring SaaS subscriptions (currently utilizing a manual verification flow while our business registration clears). Bank Reconciliation: Connecting directly to bank feeds to automatically match incoming transfers against pending invoices. Expense Tracking AI: Allowing users to snap photos of receipts and having Gemini automatically categorize and log the expenses against their revenue. Voice-to-invoice/quote with AI: Allowing mobile users to easily draft quotes/invoices on the go through a voice feature incorporated within RevenueChat. Team Collaboration: Adding multi-user features for Teams and Organizations with a dedicated role based access e.g Owner, Admin, Member, e.t.c
Built With
- dexie.js
- framer
- gemini
- react-18
- supabase
- tailwind
- typescript
- vite
- zustand
Log in or sign up for Devpost to join the conversation.