invoify

ส่ง

Invoify เป็นแอปพลิเคชันเครื่องกำเนิดใบแจ้งหนี้บนเว็บที่สร้างขึ้นด้วย Next.js 13, typeScript, React และ Library Shadcn UI มันเป็นวิธีที่ง่ายในการสร้างและจัดการใบแจ้งหนี้มืออาชีพ

สารบัญ

• ส่ง
  • สารบัญ
  • เทคโนโลยี
    • เทคโนโลยีหลัก
    • การพึ่งพาเพิ่มเติม
  • แผนงาน
  • การสาธิต
  • เริ่มต้น
    • ข้อกำหนดเบื้องต้น
    • การติดตั้ง
  • ใบอนุญาต

เทคโนโลยี

เทคโนโลยีหลัก

• NEXT.JS: REACE FRAMEWORK สำหรับ SSR และการนำทางฝั่งไคลเอ็นต์
• TypeScript: JavaScript Superset พร้อมการพิมพ์แบบคงที่
• Shadcn-ui: UI Library สำหรับภาพที่ได้รับการปรับปรุง
• Tailwind: Utility-First Framework Framework
• React Hook Form: การจัดการแบบฟอร์มสำหรับ React
• ZOD: การตรวจสอบสคีมา TypeScript-First First
• Puppeteer: รุ่น PDF พร้อมเบราว์เซอร์หัวขาด

การพึ่งพาเพิ่มเติม

• NodeMailer: โมดูล node.js สำหรับการส่งอีเมล
• ไอคอน Lucide: คอลเลกชันของไอคอน SVG ที่ปรับแต่งได้

แผนงาน

• สร้างใบแจ้งหนี้ได้อย่างง่ายดาย: ใช้รูปแบบง่าย ๆ เพื่อสร้างใบแจ้งหนี้ได้อย่างรวดเร็ว
• บันทึกสำหรับการเข้าถึงในอนาคต: จัดเก็บใบแจ้งหนี้ของคุณโดยตรงในเบราว์เซอร์ของคุณเพื่อการดึงข้อมูลได้ง่าย
• ดึงใบแจ้งหนี้ได้อย่างง่ายดาย: โหลดและเข้าถึงใบแจ้งหนี้ได้อย่างราบรื่นจากรายการที่คุณบันทึกไว้
• ตัวเลือกการดาวน์โหลดที่ยืดหยุ่น: ดาวน์โหลดใบแจ้งหนี้โดยตรงหรือส่งผ่านอีเมลในรูปแบบ PDF
• เทมเพลตวาไรตี้: เลือกจากแม่แบบใบแจ้งหนี้หลายรายการ (ปัจจุบัน 2)
• ตัวอย่างสด: แก้ไขแบบฟอร์มและดูการเปลี่ยนแปลงแบบเรียลไทม์ด้วยคุณสมบัติการแสดงตัวอย่างสด
• ส่งออกในรูปแบบต่าง ๆ : ใบแจ้งหนี้การส่งออกในรูปแบบที่แตกต่างกันรวมถึง JSON, XLSX, CSV และ XML
• การสนับสนุน I18N: การสนับสนุน I18N ด้วยหลายภาษาสำหรับ UI และเทมเพลต
• เทมเพลตที่มีรูปแบบ: เลือกสีธีมสำหรับใบแจ้งหนี้
• อินพุตที่กำหนดเอง: กำหนดอินพุตของคุณเองที่หายไปจากตัวสร้างใบแจ้งหนี้เริ่มต้น (เช่นหมายเลขภาษีมูลค่าเพิ่ม)
• ภาษีส่วนบุคคลสำหรับรายการโฆษณา: เพิ่มรายละเอียดภาษีสำหรับรายการโฆษณาเฉพาะนอกเหนือจากภาษีทั่วไป

การสาธิต

บันทึก

โปรดทราบว่ามีปัญหาในขณะนี้เมื่อใช้แอปพลิเคชันนี้ในเบราว์เซอร์ 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 สำหรับข้อมูลเพิ่มเติม