2015 Hackathon 杭州站回顾之BugLife篇

BugLife的诞生记

先自我介绍下咱们团队，Wellming、Bell orchid、Retamia，三枚程序员，主要技能点PHP，目前在一家棒棒的作开源网校系统(EduSoho)的公司Coding。第一次参加黑客马拉松活动，没啥经验，本着来混吃混喝的心态，早早的蹦跶到了会场。实话说，本次参赛，是带着公司的任务来的：物色人才。因此，一到会场就开始，微信摇啊摇，群里发发红包，刷存在感！不过确实认识到一些颇有想法的Hacker，目前也正在转化ing，嘿嘿...

接到题目“让技术走进生活”后，咱们就开始想各类idea，咱们就想啊想啊，咱们作个啥，能改变下咱们程序员的生活呢？

• 程序员常常干什么呢？修Bug。

• 修Bug有什么能够改进的呢？公司的Bug系统很差用。

• 很差用在哪里呢？报告BUG麻烦，Bug描述理解困难。

• Bug描述理解困难，为何呢？由于是文字（貌似是因为上传截图麻烦，因此都懒得贴图）。

有了，咱们就作一个能很方便的贴图报告BUG的工具，BugLife就此诞生了。

BugLife的开场白

程序员的一辈子，须要在不断的消灭BUG中度过。一款高效的Bug追踪系统，对提升程序员的生活幸福指数是颇有必要的。BugLife就是这么一款Bug追踪系统，她：

• 经过截图为核心，清晰明了的描述BUG；

• 经过ctrl+c, ctrl+v就能快速添加BUG；

• 经过简单的鼠标、快捷键操做，就能完成BUG的认领、修复、验证等状态变动操做。

BugLife的实现

考虑到时间因素，咱们没有采用高大上的ReactJS来实现咱们的前端，而是采用了咱们相对较熟练的SeaJS+Arale+jQuery+Bootstrap的经典组合，来做为咱们的前端方案。后端采用了一个PHP的微型框架Silex来作RESTFul API。

因为Bootstrap的默认样式比较龊，咱们引入了一个Bootstrap Material Design的样式库，一会儿，就让咱们的BugLife高大上起来（见文章下面的截图）。

Bootstrap也缺一些动效，咱们引入了Animate.css，给BugLife增添了活力。其余还引入了Keypress、Arale Dnd库，为BugLife提供了快捷键、拖动等操做，提高了易用性。

通过接近15小时的熬夜奋战，BugLife的核心功能开发完成。

BugLife的ShowTime

在showtime以前，为了填充点演示数据，顺手到活动主办方的网站segmentfault.com上，抓了些BUG，记得有8个，虽都是些小问题，但也是Bug呀，要捉掉。今天我偷偷的去segmentfault.com上喵了几眼，发现我捉出来的Bug，还没被消灭掉，看来有必要发个邮件给高阳(Segmentfault CEO)了。

showtime咱们也是分工明确，我负责解说，Retamia和Bell orchid负责演示。3分钟的演示时间，仍是很短暂的，多啰嗦了几句，差点超时，还好队友提醒及时，在超时前完成了解说。

咱们的BugLife获得了2位评委老师的赞扬，认为咱们的BugLife很轻量，戳中痛点，很适合敏捷开发的团队使用，但愿咱们能继续开发下去，或者开源，他们来继续作下去。这里向确定咱们的评委老师表个态，咱们确定会继续开发下去的，也会基于新的技术来重写咱们的BugLife，让BugLife更健壮。但目前代码自认为还比较龊，不能表明咱们的真实水平，虽代码已在Github上公开，但很差意思放出来。哈哈。

还获得了高阳的饭约，由于咱们捉了好几个segmentfault的bug，高阳你别忘啊！

下面就上几张咱们的BugLife的靓照吧：

BugLife的获奖

自showtime以后，咱们仍是颇有自信能得个奖的。不出所料，BugLife拿了个三等奖，哎呦，还不错哦！感谢评委老师，感谢主办方。赢了个Kindle+1024元现金，咱们现场就瓜分，人均660元收入。

BugLife的后记

咱们会基于React、Flux来重写咱们的BugLife，也会融入一些敏捷开发的实践，作一个轻量级的、易用的Issue Tracker。

最后，打个广告，欢迎加入咱们，一块儿作国内最好的开源网校系统EduSoho ，这里是咱们的招聘主页，谢谢你们。