#小程序云开发挑战赛# - 高级打卡鸡
发布于 4 年前 作者 xiuying64 5310 次浏览 来自 分享

高级打卡鸡

作品简介

高级打卡鸡,顾名思义,专用于记录用户打卡,在各个时间点记录地理位置,打点位置会进行连线,可以看到自己在世界地图上遍布的足迹。

体验直通车

应用场景

喜欢记录,对自己足迹关注,想了解自己在世界上遍布的足迹,非常方便各类旅游人士,看到自己慢慢的打满地图,非常有成就感,也非常有意义。

效果介绍

首页

首页,可以在地图看到自己所在的位置,并进行打卡,打卡后会生成分享图,便于进行朋友圈传播,也可以直接进行分享。


记录页

历史记录页,可以看到自己以往所有的打点详情,并可以左滑删除对应记录

世界圈

可以在世界圈看到各个用户的打卡情况,自身的打卡与其他用户做区分,同时为了保证用户的隐私,仅展示打卡时间和打卡地点。
右上角还新增了榜单功能,可以进入到榜单页看到各个用户的打卡排行榜,争取多打卡展示到top10吧。

个人页

展示一些基本用户信息,放置了天气信息,可以方便的查看天气情况
点击头像有惊喜,现在流行的头像制作功能,已集成到打卡鸡中,头像使用了挺久,换个头像试试?

功能原理

架构图

源码分析

https://github.com/hzxulin/punch-chicken
ps: 喜欢的关注我一波吧

团队简介

Charles Hsu,一位会点ps,会点后端,喜欢倒腾的前端开发工程师

回到顶部