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
版权声明：
1、本网站名称：帝企吧
2、本站永久网址：https://www.diqiba.com
3、本网站的文章部分内容可能来源于网络及作者投稿，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7、本站所有资源来源于互联网，仅用于学习及参考使用，切勿用于商业用途，如产生法律纠纷本站概不负责！ 8、资源除标明原创外均来自网络转载，版权归原作者所有，若侵犯到您权益请联系我们删除，我们将及时处理！ 9、若您需使用非免费的软件或服务，请购买正版授权并合法使用！