用摸鱼时间做了一个小程序

13,379 阅读2分钟

摸鱼学习中的大家好呀~

一直想做一个自己的小程序项目,打通整套流程。于是趁摸鱼项目闲下来的时候不断完善和踩坑,一点点地做出来了。由于我的界面做出来不能说是富丽堂皇,至少也可以说是难登大雅,所以偷偷白嫖拜托公司的UI设计了亿下。

Snipaste_2023-05-18_18-11-04.png

使用到技术栈为:前端:Taro + React + NutUI + Mobx。后端:NestJS + MySQL + Redis。

gh_666598cf46b9_258.jpg

首先映入眼帘的是一个平平无奇的日历组件,你可以在上面记录事项,还可以选择时间来提醒自己。后台会自动提前5-10分钟通过微信的服务通知来提醒(没错,就是K记M记点餐吃完之后让你评价的那个)。

Snipaste_2023-05-18_22-16-08.png

image.png

Q: emmm,那我为啥不用手机的日历?

A: (愣)额啊,这个,可能。。。有些人不想被闹钟吵?更想在微信上看一下轻度提醒。(只是想搓轮子放进小程序里而已)

你也可以在日历上设置自己的放假情况(放心,法定假期和调休已经安排进去了)。半天放假的话会沿着当天的方块斜线变成一个三角形(利用CSS渐变色实现)。除了记录暂时还不知道有什么用,但是效果非常有设计感,很帅。(以后可能会依此搞一些假期报告什么的)

Snipaste_2023-05-18_22-18-47.png

接下来第二个tab是一个目标记录系统,你可以在这里设定目标,记录你的完成情况。你可以选择一次性的目标,也可以选择周期目标,其中周期目标的完成次数会每个周期更新。

Snipaste_2023-05-18_22-22-42.png

当然,你不想继续记录的话也可以中断这个目标,也可以重新捡起来。

Snipaste_2023-05-18_22-26-17.png

Snipaste_2023-05-18_17-27-18.png

第三个tab是下班的盼头面板,在这里你可以设置你的下班时间和发薪日,没事看看可以汲取生活动力和能量。

Snipaste_2023-05-18_22-25-07.png

微信图片_20230518164827.png

还有两个小工具:白日梦计算器选择转盘

其中开销覆盖计算可以方便认清自己的定位。

Snipaste_2023-05-18_22-29-41.png

选择转盘则解决了中午吃啥的世纪难题。

Snipaste_2023-05-18_22-30-13.png

此外,小程序还提供了多种主题换肤~

Snipaste_2023-05-18_22-32-08.png

其实我还做了一个评论系统的,可以在里面吹水聊天,但是个人小程序不能做UGC模式的东西,所以只能含泪舍弃。别问我为什么做之前不看规则。

image.png

Snipaste_2023-05-18_18-18-43.png 最后,感谢大家观看水文,第一次写介绍,文笔实在没有,欢迎给小程序意见,希望大家到我的小程序来多坐坐~凑够1000用户开流量主抵服务器费

gh_666598cf46b9_258.jpg