invoify

송장

Invoify는 Next.js 13, TypeScript, React 및 Shadcn UI 라이브러리로 구축 된 웹 기반 송장 생성기 응용 프로그램입니다. 전문 송장을 만들고 관리하는 쉬운 방법을 제공합니다.

목차

• 송장
  • 목차
  • 기술
    • 핵심 기술
    • 추가 종속성
  • 로드맵
  • 데모
  • 시작하기
    • 전제 조건
    • 설치
  • 특허

기술

핵심 기술

• 다음 .js : SSR 및 클라이언트 측 내비게이션을위한 React 프레임 워크.
• TypeScript : 정적 타이핑이있는 JavaScript Superset.
• Shadcn-UI : 향상된 비주얼을위한 UI 라이브러리.
• 꼬리 바람 : 유틸리티 우선 CSS 프레임 워크.
• 반응 후크 형태 : React의 양식 관리.
• ZOD : TypeScript 우선 스키마 검증.
• 인형극 : 헤드리스 브라우저가있는 PDF 생성.

추가 종속성

• NodeMailer : 이메일 전송을위한 node.js 모듈.
• Lucide 아이콘 : 사용자 정의 가능한 SVG 아이콘 모음.

로드맵

• 쉽게 송장 생성 : 간단한 양식을 사용하여 송장을 빠르게 생성합니다.
• 향후 액세스를 위해 저장 : 쉽게 검색하려면 송장을 브라우저에 직접 저장하십시오.
• 송장을 쉽게 검색하십시오 : 저장된 목록에서 송장을 매끄럽게로드하고 액세스하십시오.
• 유연한 다운로드 옵션 : 송장을 직접 다운로드하거나 PDF 형식으로 이메일을 통해 보내십시오.
• 템플릿 다양성 : 여러 (현재 2) 송장 템플릿 중에서 선택하십시오.
• 라이브 미리보기 : 라이브 미리보기 기능으로 양식을 편집하고 실시간 변경 사항을 확인하십시오.
• 다양한 형식의 내보내기 : JSON, XLSX, CSV 및 XML을 포함한 다양한 형식의 송장을 내보내십시오.
• I18N 지원 : I18N은 UI 및 템플릿에 대한 여러 언어를 지원합니다.
• 마무리 가능한 템플릿 : 송장의 테마 색상을 선택하십시오
• 사용자 정의 입력 : 기본 송장 빌더에서 누락 된 자체 입력을 정의합니다. (예 : VAT 번호)
• 라인 항목에 대한 개별 세금 : 일반 세금 이외의 특정 라인 항목에 대한 세부 정보 추가

데모

메모

Mozilla Firefox 브라우저 에서이 응용 프로그램을 사용할 때 현재 문제가 있다고 조언하십시오. 자세한 내용은 이슈 #11을 참조하십시오.

라이브 데모를 방문하여 송장이 행동하는 것을보십시오.

시작하기

이 지침을 따라 로컬 컴퓨터에서 송장을 실행하고 실행하십시오.

전제 조건

• 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. 웹 브라우저를 열고 http : // localhost : 3000에서 응용 프로그램에 액세스하십시오.

특허

MIT 라이센스에 따라 배포됩니다. 자세한 내용은 LICENSE.txt 참조하십시오.