这个项目开源后,‘冲动消费族’灭绝了...

·  阅读 2418
这个项目开源后,‘冲动消费族’灭绝了...

前言

相信大家都有过冲动消费的经历,可能是一时上头秒下单,又可能是加了亿点预算?Worth就是一个在你购买之前帮你分析推荐购买指数的工具。

虽然说‘健康的消费习惯’是没有一个确切的标准,但是我认为我们的每一笔非必要支出是一定要把控在自己的消费能力范围之内的,所以我做了Worth它可以结合我们最近的消费、收入情况为我们分析我们想购买的某一件商品是否适合我们当前的消费水平,并且给出推荐购买指数

项目地址

GitHub: www.github.com/yunying1/wo…

Product Hunt: www.producthunt.com/posts/worth

在线体验:worth.yuanx.me/

使用方法

  1. 输入你想购买的商品的一些信息,比如价格等...
  2. 输入你每月可支配金额(一般是除去生活成本,比如房租、交通等费用后剩下的钱)
  3. 输入最近一个月的消费分布情况
  4. 得到推荐购买指数(仅供参考)

ps: 数据纯本地,无隐私风险

技术选型

项目规模不大,没有使用高度封装的框架,保持项目简洁以及高拓展性。

  • react
  • react-router-dom
  • react-i18next
  • vite
  • ...

项目部署

由于是纯静态的,所以使用了Vercel自动部署,无需服务器且免费哦~

其他

项目过程中也接触了一些好玩的东西,比如在得到推荐购买指数高分时的烟花效果:

用到的库:react-canvas-confetti

又比如第一次接触国际化对几个高星的库简单的做了对比,最后选择了react-i18next,它支持hooks以及提供无感知切换语言的API,上手难度比较低,实际使用体验也很不错。

除了上面那些,还简单学习了Figma,自己为它画了设计图:

image.png

最后

从一个idea到项目落地,亲手负责了期间的所有工作,对我来说是一次奇妙的体验!

分类:
前端
收藏成功!
已添加到「」, 点击更改