invoify

In Rechnung stellen

Invoify ist eine webbasierte Rechnungsgeneratoranwendung, die mit Next.js 13, TypeScript, React und der Shadcn UI-Bibliothek erstellt wurde. Es bietet eine einfache Möglichkeit, professionelle Rechnungen zu erstellen und zu verwalten.

Inhaltsverzeichnis

• In Rechnung stellen
  • Inhaltsverzeichnis
  • Technologien
    • Kerntechnologien
    • Zusätzliche Abhängigkeiten
  • Roadmap
  • Demo
  • Erste Schritte
    • Voraussetzungen
    • Installation
  • Lizenz

Technologien

Kerntechnologien

• NEXT.JS: React Framework für SSR und clientseitige Navigation.
• TypeScript: JavaScript Superset mit statischer Typisierung.
• Shadcn-UI: UI-Bibliothek für verbesserte Grafiken.
• Rückenwind: Utility-First CSS-Framework.
• React Hook Form: Form Management für React.
• ZOD: Typscript-First-Schema-Validierung.
• Puppenspieler: PDF -Generation mit kopflosen Browsern.

Zusätzliche Abhängigkeiten

• NodeMailer: Node.js Modul zum Senden von E -Mails.
• Lucide -Symbole: Sammlung von anpassbaren SVG -Symbolen.

Roadmap

• Erstellen von Rechnungen: Verwenden Sie ein einfaches Formular, um schnell Rechnungen zu generieren.
• Sparen Sie für den zukünftigen Zugriff: Speichern Sie Ihre Rechnungen direkt in Ihrem Browser, um das Abrufen zu erhalten.
• Rechnungsberechtigte mühelos abrufen: Laden Sie auf Rechnungen und greifen Sie nahtlos von Ihrer gespeicherten Liste aus.
• Flexible Downloadoptionen: Laden Sie Rechnungen direkt herunter oder senden Sie sie per E -Mail im PDF -Format.
• Vorlagenvielfalt: Wählen Sie aus mehreren (aktuell 2) Rechnungsvorlagen.
• Live-Vorschau: Bearbeiten Sie das Formular und sehen Sie Änderungen in Echtzeit mit der Live-Vorschau-Funktion.
• Exportieren in verschiedenen Formaten: Exportrechnungen in verschiedenen Formaten exportieren, einschließlich JSON, XLSX, CSV und XML.
• I18N Support: I18N Support mit mehreren Sprachen für Benutzeroberfläche und Vorlagen.
• Themenable Vorlagen: Wählen Sie eine Themenfarbe für die Rechnung aus
• Benutzerdefinierte Eingaben: Definieren Sie Ihre eigenen Eingänge, die im Standard -Rechnungsbauer fehlen. (Beispiel: Mehrwertsteuer)
• Einzelne Steuer für Werbebuchungen: Fügen Sie Steuerdetails für eine andere Stelle als die allgemeine Steuer hinzu

Demo

Notiz

Bitte beachten Sie, dass es derzeit Probleme gibt, wenn diese Anwendung im Mozilla Firefox -Browser verwendet wird. Weitere Informationen finden Sie in Ausgabe Nr. 11.

Besuchen Sie die Live -Demo, um in Aktion zu sehen.

Erste Schritte

Befolgen Sie diese Anweisungen, um auf Ihrem lokalen Computer in Betrieb zu nehmen.

Voraussetzungen

• Node.js und NPM in Ihrem System installiert.

Installation

1. Klonen Sie das Repository:

   git clone https://github.com/al1abb/invoify.git
   cd invoify

2. Abhängigkeiten installieren

   npm install

3. Erstellen Sie eine .env.local -Datei mit diesem Inhalt (dieser Schritt soll PDF an eine E -Mail -Funktion senden):

    NODEMAILER_EMAIL = [email protected]
   NODEMAILER_PW = your_email_password

4. Development Server starten

   npm run dev

5. Öffnen Sie Ihren Webbrowser und greifen Sie auf die Anwendung unter http: // localhost: 3000 zu

Lizenz

Unter der MIT -Lizenz verteilt. Weitere Informationen finden Sie LICENSE.txt .