invoify

請求する

Invoifyは、next.js 13、typescript、React、およびShadcn UIライブラリで構築されたWebベースの請求書ジェネレーターアプリケーションです。プロの請求書を作成および管理する簡単な方法を提供します。

目次

• 請求する
  • 目次
  • テクノロジー
    • コアテクノロジー
    • 追加の依存関係
  • ロードマップ
  • デモ
  • はじめる
    • 前提条件
    • インストール
  • ライセンス

テクノロジー

コアテクノロジー

• next.js： SSRおよびクライアント側のナビゲーションのReactフレームワーク。
• タイプスクリプト：静的タイピングを備えたJavaScriptスーパーセット。
• ShadCn-UI：拡張されたビジュアル用のUIライブラリ。
• Tailwind：ユーティリティファーストCSSフレームワーク。
• Reactフックフォーム： Reactのフォーム管理。
• ZOD：タイプスクリプトファーストスキーマ検証。
• 操り人形：ヘッドレスブラウザを使用したPDF生成。

追加の依存関係

• nodemailer：メールを送信するためのnode.jsモジュール。
• Lucideアイコン：カスタマイズ可能なSVGアイコンのコレクション。

ロードマップ

• 簡単に請求書を作成する：簡単なフォームを使用して、請求書をすばやく生成します。
• 将来のアクセスを保存します：請求書をブラウザに直接保存して、簡単に取得します。
• 請求書を簡単に取得する：保存されたリストから請求書をシームレスにロードおよびアクセスします。
• 柔軟なダウンロードオプション：請求書を直接ダウンロードするか、PDF形式で電子メールで送信します。
• テンプレートの品種：複数の（現在2）請求書テンプレートから選択します。
• ライブプレビュー：フォームを編集し、ライブプレビュー機能を使用してリアルタイムで変更を確認します。
• さまざまな形式のエクスポート： JSON、XLSX、CSV、XMLなど、さまざまな形式で請求書をエクスポートします。
• I18Nサポート： UIおよびテンプレートの複数の言語を使用したI18Nサポート。
• テーマのテンプレート：請求書のテーマ色を選択します
• カスタム入力：デフォルトの請求書ビルダーから欠落している独自の入力を定義します。 （例：VAT番号）
• ラインアイテムの個別税：一般税以外の特定のラインアイテムの税の詳細を追加する

デモ

注記

Mozilla Firefoxブラウザでこのアプリケーションを使用する際には、現在問題があることをお勧めします。詳細については、＃11を参照してください。

Live Demoにアクセスして、請求書が活動しているのを見てください。

はじめる

これらの指示に従って、ローカルマシンで請求書を上げて実行します。

前提条件

• 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を参照してください。