Invoicer

Catalyst Design Lab

Catalyst Design Lab

Catalyst Design Lab

2025

2025

2025

Overview

Invoicer is a full-stack web application for invoice generation and client/vendor management, built with a modern frontend framework and a lightweight backend API. Users can generate, store, and export invoices, manage their clients, and customize billing profiles.

What's the purpose of this project ?

Freelancers and small businesses waste time creating invoices manually — switching between Word templates, Excel sheets, and scattered client info. Invoicer solves this by centralizing client management, invoice generation, and billing automation into a single intuitive app. The goal: simplify the admin side of business so users can focus on their actual work, not paperwork.

How can it be done ?

Built with React for the frontend and FastAPI for the backend, with PostgreSQL managing user and transaction data. Implemented CRUD operations for clients and invoices, JWT authentication, and a PDF export system for invoice generation. The UI uses TailwindCSS, Framer Motion, and shadcn/ui for a smooth user experience. Deployed via Docker with a CI/CD pipeline — fully ready for production deployment on Vercel or AWS.

How did I do it ?

The system was designed around a modular architecture that separates billing logic, client data, and document generation. A RESTful backend handles invoice logic and data persistence, while the frontend dynamically builds invoice templates based on user input. Integration with mail APIs enables automated invoice delivery, and a pricing engine calculates taxes and totals in real time.

Results

A seamless application that allows users to create customizable, tailor-made invoices, with full email automation and pricing setup. Version 1 launching soon

It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to remove.

Antoine de Saint-Exupéry

It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to remove.

Antoine de Saint-Exupéry

It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to remove.

Antoine de Saint-Exupéry

Create a free website with Framer, the website builder loved by startups, designers and agencies.