全栈开源发票应用程序,满足你的任何需要

Accountill 使用 MongoDB、Express、React 和 nodejs (MERN) 制作的全栈开源发票应用程序。全栈开源发票应用程序,满足你的任何需要

介绍

使用 MERN 堆栈(MongoDB、Express、React 和 Nodejs)制作的全栈发票应用程序,专为自由职业者和小型企业设计,几乎可用于任何类型的业务需求。使用此应用程序,可以向客户发送精美的发票、收据、估价单、报价单、账单等。立即跳出 Live App 并开始发送发票或下载整个源代码并在服务器上运行。全栈开源发票应用程序,满足你的任何需要

主要特征

  • 通过电子邮件发送发票、收据、估价、报价单和账单
  • 通过电子邮件生成并发送/下载 pdf 发票、收据、估算、报价单和账单
  • 设置截止日期。
  • 添加付款记录时自动更改状态
  • 每张发票的付款历史记录部分,包含有关付款日期、付款方式和额外说明的记录。
  • 记录发票的部分付款。
  • 干净的管理仪表板,用于显示所有发票统计信息,包括收到的总金额、待处理总额、最近付款、已支付发票总额、未支付发票总额和部分已支付发票。
  • 多用户注册。
  • 使用 jsonwebtoken (jwt) 和 Google auth 进行身份验证

使用的技术

客户

  • 反应 JS
  • Redux(用于管理和集中应用程序状态)
  • React-router-dom(处理路由)
  • Axios(用于调用 api)
  • Material UI & CSS 模块(用于用户界面)
  • React simple Snackbar(显示成功/错误通知)
  • Cloudinary(允许用户上传他们的企业标志)
  • Apex 图表(显示付款历史)
  • React-google-login(启用使用 Google 的身份验证)

服务器

  • Express
  • Mongoose
  • JWT(用于身份验证)
  • bcryptjs(用于数据加密)
  • Nodemailer(用于通过电子邮件发送发票)
  • html-pdf(用于生成发票 PDF)

数据库

  • MongoDB(MongoDB 地图集)

配置和设置

为了在本地运行这个项目,只需 fork 并克隆存储库或下载为 zip 并在您的计算机上解压缩。

  • 在您喜欢的代码编辑器中打开项目。
  • 转到终端 -> 新终端(如果您使用的是 VSCode)
  • 将您的终端一分为二(在一个终端上运行客户端,在另一个终端上运行服务器)

「在第一个终端」

  • cd client 并在客户端目录的根目录中创建一个 .env 文件。
  • 提供以下凭据
REACT_APP_GOOGLE_CLIENT_ID =
REACT_APP_API = http://localhost:5000
REACT_APP_URL = http://localhost:3000

示例(Docker

使用 docker 很简单的网络。只需添加与 docker 关联的 .env 即可。

「例如:」

转到路径“server/.env

DB_URL = mongodb://mongo:27017/arch
PORT = 5000
SECRET =
SMTP_HOST =
SMTP_PORT =
SMTP_USER =
SMTP_PASS =

转到路径“client/.env

REACT_APP_GOOGLE_CLIENT_ID =
REACT_APP_API = http://localhost:5000
REACT_APP_URL = http://localhost

并运行

docker-compose -f docker-compose.prod.yml build

And then

docker-compose -f docker-compose.prod.yml up


传送门

开源协议:MIT license

开源地址:https://Github.com/panshak/accountill

项目合集:https://github.com/OpenTechCol/OpenTechCol

「回复【加群】加入开源技术交流群,干货很多!」

-END-


原文始发于微信公众号(开源技术专栏):全栈开源发票应用程序,满足你的任何需要

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/145725.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!