recurrer:征服您的重复费用
#react #node #mongodb #linodehackathon

Brett JordanUnsplash

照片

我建造的

recurrer可帮助您跟踪重复的每日费用 /任务,例如专业人士。添加“重复”的详细信息后,该应用程序每天自动更新它,从而使您可以立即了解您的经常性费用。

类别提交:

SaaS超级巨星
古怪的通配符

应用链接

http://170.187.249.74/

屏幕截图

着陆页

Landing Page

登录页

sign in page

注册页面

sign up page

添加重演页

add recur page

仪表板页面

dashboard page

编辑重演条目

Edit recur entry

手机上的仪表板

dashboard on mobile

描述

recurrer是一个实用应用程序,可解决您的经常性费用和任务。添加“重复”后,该应用程序会自动标记每天发生的情况(以及成本和数量)。仪表板使您可以全面欣赏所有复发,总量消耗的总量和每次复发的成本。

卖方也可以使用相同的应用程序,他们每天都在销售固定数量(例如牛奶员)。他们可以使用它来跟踪客户,并在将来使用该应用程序创建和共享账单。

当前功能

  1. 注册 /登录< / li>
  2. 创建递归(带有可选数量和成本)
  3. 每次重复的自动每日入门创作(标记出勤 /出现)< / li>
  4. 编辑重复或特定的每日条目
  5. 带有自定义日历视图的仪表板,显示了recurs的每日条目,最新的总量和每次恢复的成本

链接到源代码

GitHub logo ra-jeev / recurrer

用于重复的任务

recurrer

An application to tackle your recurring tasks and expenses.

frontend

The frontend is built using ReactJs & vanilla CSS.

backend

The backend is a typical MEN (Mongo-Express-Node) backend.




允许许可证

来源是根据麻省理工学院许可证的许可。

背景

在我们的家庭中,有许多经常出现的费用按固定时间表进行,固定数量和成本(例如,购买牛奶是固定的数量和价格费用)。我们通常使用物理日历或笔记本来标记发生。

然后在月底,您需要每天手动计算,进行计算和整个Shebang。我认为为什么不使用简单的接口自动化此功能。该应用程序可以使用可访问设备的房屋中的任何人(例如电视浏览器)使用。

我如何建造它

该应用程序是使用MERN堆栈构建的。顾名思义,前端是使用React框架以及香草CSS构建的。构建应用程序最有趣的部分是自定义日历月视图,显示每日递归的条目。

custom calendar view

后端正在使用带有Express Framework和MongoDB数据库的NODSJS。每30分钟运行一次CRON作业,以管理自动的每日入门创作。要与数据库进行交互,我正在使用Node mongodb客户端库,而无需任何ORM。

后端(与数据库一起)和前端都托管在Linode纳米上。在为该项目工作时,Linode很轻松。在过去的几天中,我从头开始创建了这个项目,我以前从未使用过Linode。显然,Linode开发人员网站上的文档和资源质量很高。

为了准备纳米,我使用了市场上的Mern One单击应用程序(这是真正的单击: - ))。

Linode preparation

这将自动安装所需的资源,并使用UFW(简单的防火墙)和Fail2BAN设置系统。安装后,甚至可以在端口3000上查看CRA应用程序(是的,默认情况下使用此安装的UFW中允许端口3000)。

之后要做的事情:

  1. 遵循其他资源中第3#3中给出的指南,以删除随附安装的默认CRA应用程序。
  2. 从UFW删除端口3000。运行sudo ufw status numbered。然后是sudo ufw delete <the_entry_index>。我们还需要允许HTTP和HTTPS端口来传入请求。运行sudo ufw allow httpsudo ufw allow https
  3. 获取我们的应用程序代码(前端和后端),最好使用git,它也可以预装(尽管您也可以执行scp,因为端口22是打开的)。构建由Express App提供的前端。
  4. 安装PM2运行Express App。
  5. 安装nginx(如果尚未安装),然后将其配置为代理我们Express App的传入请求。

其他资源/信息

我试图在EdgeWorker(提交类别之一)上找到文档,但在网站上只发现了一篇文章,对开发也不有用。也许一旦Akamai&Linode集成完成,我们就会更加清晰。

一些帮助我的资源:

  1. MERN one click app documentation
  2. How to create MERN stack manually on Linode
  3. Transfer a MERN app to Linode

进一步的增强

  1. 目前,该应用仅适用于每日复发。需要添加其他复发选项(每周 /每月 /自定义)< / li>
  2. 更好的错误处理
  3. 现在,用户只能看到当月日历。至少他们应该能够看到过去几个月的摘要。
  4. 添加假期 /假期的选项< / li>
  5. 密码重置
  6. 用户编辑和设置(货币 /测量系统等)< / li>

结论

总的来说,建立该项目并将其托管在Linode上是一个很好的体验。 Linode提供了非常好的文档和资源,以使旅程顺利愉快。

向Linode&Dev团队组织黑客马拉松的最良好祝愿。

如果您喜欢阅读文章,请通过评论和分享来展示您的爱。 : - )