简单版 Tower

Tower Preview

代码地址
访问体验
测试帐号: user @test.com
登录密码: password

Rails 练习项目,对团队协作应用 Tower 部分业务逻辑的实现

目前实现内容主要有:

  • 注册登录后可以创建团队,往团队里添加成员
  • 团队里所有内容只有里面成员能看到,成员可以增删查改项目/清单/任务/评论
  • 成员可以编辑其他成员创建的内容,只有管理员和团队创建者可以删除其他人创建内容
  • 清单、任务、评论的编辑/操作使用 Ajax 实现
  • Hover 清单/任务在条目左侧出现编辑/操作按钮
  • 可分配任务给成员,及设置截止日期
  • 可标记任务为完成/未完成状态、正在进行中/暂停为普通状态
  • 部分活动会创建动态信息流
  • 基本页面缓存
  • 切换团队后,使用 Session 保存当前团队状态(team_id)

Portfolio and Blog Site

Eux's Site Preview

代码地址

作为练习项目,同时也是自己发布文字、展示项目的地方

数据结构、样式都很简单,只是完成度稍微高一些:

  • 响应式排版,页面本身简单,容易实现
  • 文字内容支持 Markdown,基本满足使用
  • 使用 FriendlyId 优化 URL,如有汉字转化为拼音
  • 链接显示方案为灰蓝字体、加下边框

作为练习,使用 Ruby 方法实现登录、退出、基本权限管理;除了 Reboot 没有使用样式框架,直接用 SCSS 调整样式。

网站通过 Heroku 部署,使用 Cloudflare 管理 DNS 及其提供的 HTTPS 服务。

Simple Instagram

Simple Instagram Preview

代码地址
点击试用

测试帐号: user @test.com
登录密码: password

一个图片分享小站,登录后可发布图片

  • 可对其他用户发布的图片点赞、评论
  • 自己发布的图片被评论后会收到提醒
  • 可关注其他用户,时间线上显示关注用户发布的图片

早期练习集

很简单的一些早期练习

练习集代码目录

游戏

用 JavaScript 和 HTML/CSS 实现的小游戏,偶尔回顾一下还蛮有意思的,可点击在线玩

Snake Preview

  • 贪食蛇
    用上下左右 4 个方向键进行操作,吃掉一个方格分数加 1,没有暂停,直到头部碰到自身或格子边缘游戏结束

  • 扫雷
    右键可以标记地雷位置,踩到雷后弹出提示框,点击确定重新开始游戏,点击取消可以查看所有地雷位置

  • 井字棋

动态页面

JavaScript/jQuery 练习,点击可在线预览

静态页面