invoify

發明

Invoify是一個基於Web的發票生成器應用程序，該應用程序由Next.JS 13，Typescript，React和ShadCN UI庫。它提供了一種創建和管理專業發票的簡便方法。

目錄

• 發明
  • 目錄
  • 技術
    • 核心技術
    • 其他依賴性
  • 路線圖
  • 演示
  • 入門
    • 先決條件
    • 安裝
  • 執照

技術

核心技術

• Next.js： SSR和客戶端導航的React框架。
• 打字稿：帶靜態鍵入的JavaScript超集。
• SHADCN-UI： UI庫，用於增強視覺效果。
• 尾風：公用事業第一CSS框架。
• React Hook形式： React的形式管理。
• ZOD：打字稿優先架構驗證。
• 木偶： PDF生成無頭瀏覽器。

其他依賴性

• NodeMailer：用於發送電子郵件的Node.js模塊。
• Lucide圖標：可自定義SVG圖標的收集。

路線圖

• 輕鬆創建發票：利用一個簡單的表單快速生成發票。
• 保存以備將來訪問：將發票直接存儲在瀏覽器中，以便於檢索。
• 輕鬆地檢索發票：從保存列表中無縫加載和訪問發票。
• 靈活下載選項：直接下載發票或通過PDF格式通過電子郵件發送。
• 模板品種：從多個（當前2）發票模板中選擇。
• 實時預覽：編輯表單，並使用實時預覽功能查看實時更改。
• 以各種格式導出：以不同格式的導出發票，包括JSON，XLSX，CSV和XML。
• I18N支持： I18N支持UI和模板的多種語言。
• 主題模板：為發票選擇主題顏色
• 自定義輸入：定義您自己的輸入，這些輸入中缺少默認發票構建器中的輸入。 （例如：增值稅編號）
• 訂單項的個人稅：添加除一般稅以外的特定訂單項的稅收詳細信息

演示

筆記

請注意，在Mozilla Firefox瀏覽器中使用此應用程序時，當前存在問題。有關更多信息，請參閱第11期。

訪問現場演示，以查看Invoify在行動中。

入門

按照以下說明在本地機器上啟動並運行。

先決條件

• NODE.JS和NPM已安裝在您的系統上。

安裝

1. 克隆存儲庫：

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

2. 安裝依賴項

   npm install

3. 使用此內容創建一個.env.Local文件（此步驟是將PDF發送到電子郵件功能）：

    NODEMAILER_EMAIL = [email protected]
   NODEMAILER_PW = your_email_password

4. 啟動開發服務器

   npm run dev

5. 打開您的Web瀏覽器，並在http：// localhost訪問該應用程序：3000

執照

根據MIT許可分發。有關更多信息，請參見LICENSE.txt 。