情人节送礼神器 | 项目复盘

写在前面

对于一个直男程序员来说，在各种节日给女朋友（如果有的话）送礼是一个很难的命题，这个问题的严重性在情人节这一天尤为突出，稍有不慎，就会过成“情人劫”。

项目简介

这个项目的名字叫「giftie」，大致就是礼物、送礼的意思。Giftie 是一个用来解决送礼问题的终极方案 ，采用「自定义文案」+「自定义礼物」+「抽奖」的形式，让礼物的接收方（母亲/妻子/女友）感受到来自于你的真心和爱意。这个项目我已开源在 Github 上，大家可以在源代码和 readme 中了解到关于这个项目的一切。

项目的 demo：

项目背景

故事是这样开始的...当时间正式迈入 2021 年的时候，我就开始为情人节发愁了。去年轻信了那些无德电商的营销，给女朋友买了个永生花，结果这件事时不时得被女朋友的闺蜜们拿来吐槽。我想，今年一定要打一个翻身仗！

实践过程

从视觉上凸显心意

毕竟是要投入到真实场景中去的，一定要让收礼方感受到你的心意，所以不能太丑。于是我收集了一些情人节的必备元素，爱心、喜鹊、星光等，把它们拼凑在一起，在给页面的主要区域留白，用来写一些开篇定基调的表白式文案，首页就成型了。

剩下的页面就比较好设计了，用滑动的方式切换一屏，每页都是一个潜在的奖品图片以及介绍，文案当然也要写的稍微走心一些，这样才能打动收礼方。

编码阶段

在进入编码阶段时，我给自己定的一个目标是：“怎么快怎么来”。
本来还想借这个机会尝鲜一下 vue3，但是考虑到其他库还未对 vue3 做适配，自己也不想把大量的时间花在这里，于是还是选择了 vue2.x 去做这个项目。
因为整体实现起来比较简单，所以没用到 vue-router 和 vuex，杀鸡焉用宰牛刀。
除了 vue 之外，还用到了 vue-awesome-swiper 和 vue-luck-draw，分别用来实现触摸滑屏的交互和核心的九宫格抽奖。

决定开源，造福社会

在得到了女友的好评之后，我觉得有必要为社会贡献点什么，拯救一下曾经和我一样苦与送礼的程序员们。
于是我花了一点时间，将项目中出现的一切元素都改为了「配置化」：只要做一些简单的收集图片、以及修改配置文件的动作，就可以实现一个专属个人定制的抽奖送礼工具。（截止目前，Github 上 star 数超过 50，fork 数接近 20，算是个还不错的结果吧～）

总结思考

现在回头看，这个项目的投入产出比还是蛮高的。其中最让我满意的地方就是把页面上几乎所有的元素都配置化了，这样第二个人在使用这个代码仓库的时候就会非常的方便。
当然了，在有了一些用户后，也给这个 giftie 提了不少意见，比如：

• 可以指定中奖的礼物（想了想虽然有些不善良，但确实是个有必要的功能）
• 自动生成奖品列表

关于这个“自动生成奖品列表”，后面考虑会做成“按期望价位范围推荐礼物”的形式，争取在省事的基础上做到更省事。

最后

欢迎各位使用 giftie 这个项目，项目地址：github.com/KKKyrie/gif…，也在这里求个 star，不仅能为我的持续迭代提供动力，也能第一时间掌握最新的功能，一举两得～