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 。