github + wakatime => x-dashboard

2019-09-11 admin

博客原文

作为一个码农,每天工作中除了写代码,就是流连于各网站。而去得最多的地方就是 GitHub 和 wakatime。关注 github,可以让我了解一些大佬又造了什么新的骚轮子,眼下流行的项目是什么。而 wakatime 上的统计数据,则让我知道每天都写了多少 bug 摸了多长时间鱼。

但每天重复打开这些页面,总感觉比较繁琐,而且在不同页面间切换时不知不觉中也浪费了一些时间。后来无意间发现,原来 github 和 wakatime 官方都提供了一系列 API,顿时有了新想法——何不将这些网站里有用的信息整合到一起,这样既方便又省事。

于是马上行动了起来,一开始用 laravel + vue 写了一大半(因为这几年一直在使用 vue),但近段时间开始学习 react,本着实践出真知的原则用 react 重写了这个项目,同时也将 laravel 升级到了最新的 v6 版本。折腾到现在也算有了个雏形,独乐不如众乐,顺便将它分享出来。

直接放出项目地址:x-dashboard

效果截图:

clipboard.png clipboard.png

目前这项目已经实现了自己最初的基本想法,但后面可能也会加入新的功能。正如前面提到的,自己学 react 没多久,相比于已经使用了好几年的 vue 来说,熟练程序还差得远,因此也有许多不规范或者不科学的地方。非常希望 react 方面的大佬能指正,也欢迎有兴趣的一起折腾。

[转载]原文链接:https://segmentfault.com/a/1190000020362194

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-74908.html

文章标题:github + wakatime => x-dashboard

相关文章
Zepto Ajax 事件
当global: true时。在Ajax请求生命周期内,以下这些事件将被触发。 ajaxStart (global):如果没有其他Ajax请求当前活跃将会被触发。 ajaxBeforeSend (data: xhr, options):再...
2017-04-26
2015年2月国内操作系统市场份额概况,xp占46.29%,
规则调整:2012年6月1日开始,Mac操作系统中不再包含ipad、iphone市场份额。 ...
2015-11-12
jquery拼接ajax 的json和字符串拼接的方法
整理文档,搜刮出一个jquery拼接ajax 的json和字符串拼接的代码,稍微整理精简一下做下分享。 jQuery拼接字符串ajax <form id="myForm" action="#"&...
2017-04-01
ajax教程之ajax使用Http请求
ajax中是如何让使用http请求的呢? 在传统的JS编程中,如果您希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发...
2015-11-12
RxJS 6有哪些新变化?
RxJs 6于2018年4月24日正式发布,为开发人员带来了一些令人兴奋的增补和改进。Ben Lesh, rxJS核心开发成员,强调: RxJS 6在拥有更小API的同时,带来了更整洁的引入方式 提供一个npm包,该package可以处理...
2018-05-22
express不是内部或外部命令
最新express4.0版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator) 安装一个命令工具,命令如下: npm install -g express-generator ...
2015-11-12
Node.js实现Excel转JSON
一直在做一个关于网上选课的系统,选用了时下比较流行的node.js。今天在想怎么把学生或者老师的信息导入进去,涉及数量比较多一点,我手边又正好有一部分excel的表格。就想把excel转成json然后倒入到mongodb中去。 搜了下网上的...
2017-03-23
Ajax入门手册chm
下载地址:Ajax入门手册chm ...
2015-11-12
ajax分页效果(bootstrap模态框)
ajax分页效果图: 上干货: /** * ajax分页 */ $(function(){ $(".modal-body").find(".pagination"...
2017-02-20
Ajax教程之Ajax介绍
Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述...
2015-11-12
回到顶部