Customer action
Submit Invoice
Create an invoice with vendor, date, amount, and line items from the browser.
Module: business/frontend/pages/SubmitInvoices.jsx
Example build
InvoiceTool shows the product surface before the sale.
This page pulls the real modules from the InvoiceTool stack and presents them the way a B2C or B2B buyer would experience them: customer workflow on one side, operational controls on the other.
What you can inspect
Browse the customer workflow and the admin workflow separately.
Each example below is named after the actual module in the InvoiceTool repo, so the sales page stays grounded in something the buyer can evaluate quickly.
B2C surface
What the end customer sees.
These are the self-serve screens that make the product feel real to the buyer using it day to day.
Customer action
View Invoice
Open a single invoice, inspect its status, and check the amount and update history.
Module: business/frontend/pages/ViewInvoices.jsx
Customer action
Make Payment
Let the buyer complete a payment flow inside the product instead of bouncing elsewhere.
Module: business/frontend/pages/MakePayments.jsx
B2B surface
What the operator or buyer team sees.
These screens support finance teams, admins, and customer operations. They are the parts that justify a higher-value deal.
Operations
Manual Invoice Entry
Create invoices by hand, review prior entries, and keep the workflow moving without a spreadsheet.
Module: business/frontend/pages/ManualInvoiceEntryForm.jsx
Operations
View All Invoices
Filter, sort, and paginate the invoice table for a full operational view.
Module: business/frontend/pages/ViewAllInvoices.jsx
Administration
Configure Settings
Adjust business settings, product defaults, and operating preferences from one place.
Module: business/frontend/pages/ConfigureSettings.jsx
Retention
Email Notifications
Alert the team when invoice status changes so customers are not left guessing.
Module: business/frontend/pages/EmailNotificationsForInvoiceStatus.jsx
Admin
Manage Users
Keep roles, access, and onboarding under control for the team running the account.
Module: business/frontend/pages/ManageUsers.jsx
Commercial layer
Pricing and Signup
Show the commercial path in one place so the customer understands how to get started.
Module: frontend/src/pages/Pricing.jsx and frontend/src/pages/Signup.jsx
How to use this
Show the product surface before you ask for the sale.
Use this page in B2C and B2B conversations when you need to show what a real product looks like, not just what it promises. It is a tighter way to sell than a long pitch deck.