#小程序云开发挑战赛# - 高级打卡鸡
高级打卡鸡
作品简介
高级打卡鸡,顾名思义,专用于记录用户打卡
,在各个时间点记录地理位置,打点位置会进行连线
,可以看到自己在世界地图上遍布的足迹。
体验直通车
应用场景
喜欢记录,对自己足迹关注,想了解自己在世界上遍布的足迹,非常方便各类旅游人士
,看到自己慢慢的打满地图
,非常有成就感
,也非常有意义。
效果介绍
首页
首页,可以在地图看到自己所在的位置,并进行打卡
,打卡后会生成分享图,便于进行朋友圈传播,也可以直接进行分享。
记录页
历史记录
页,可以看到自己以往所有的打点详情,并可以左滑删除对应记录
世界圈
可以在世界圈
看到各个用户的打卡情况,自身的打卡与其他用户做区分,同时为了保证用户的隐私,仅展示打卡时间和打卡地点。
右上角还新增了榜单功能,可以进入到榜单页看到各个用户的打卡排行榜,争取多打卡展示到top10吧。
个人页
展示一些基本用户信息,放置了天气信息
,可以方便的查看天气情况
点击头像有惊喜,现在流行的头像制作
功能,已集成到打卡鸡中,头像使用了挺久,换个头像试试?
功能原理
架构图
源码分析
https://github.com/hzxulin/punch-chicken
ps: 喜欢的关注我一波吧
团队简介
Charles Hsu,一位会点ps,会点后端,喜欢倒腾的前端开发工程师