InvoiceFlow is a sleek, modern, and intelligent application designed to streamline your invoicing process. Built with a powerful tech stack, it offers a seamless user experience for creating, managing, and tracking professional invoices.
A preview of the main application dashboard.
- Effortless Invoice Creation: A user-friendly form to quickly generate new invoices.
- AI-Powered Suggestions: Get smart suggestions for line item descriptions and pricing based on your past invoices, powered by Google's Gemini models.
- Client Management: Easily manage your list of clients and bill them for your services.
- Insightful Dashboard: Get an at-a-glance overview of your business with key metrics like total revenue, outstanding payments, and overdue invoices.
- Professional PDF Export: Generate and print professional, print-ready PDF versions of your invoices.
- Modern, Responsive UI: A beautiful and responsive interface built with ShadCN UI and Tailwind CSS that looks great on any device.
- Dark Mode as Default: A beautiful, dark-themed UI that's easy on the eyes.
- Framework: Next.js (App Router & Server Components)
- AI: Genkit with Google's Gemini models
- UI: React, ShadCN UI, Tailwind CSS
- Language: TypeScript
- Forms: React Hook Form & Zod
To get a local copy up and running, follow these simple steps.
- Node.js (v20 or later recommended)
- npm or another package manager
-
Clone the repository (or set up the project in your environment).
-
Install NPM packages:
npm install
-
Set up Environment Variables: Create a
.envfile in the root of your project and add your Google AI API key. You can get a key from Google AI Studio.GEMINI_API_KEY="YOUR_API_KEY"
-
Run the Development Server:
npm run dev
The application should now be running at http://localhost:9002.
This project was generated and is actively being developed with Firebase Studio.