Git Product home page Git Product logo

welog's Introduction

Powered by

Kevin Meteor 101 课程练习项目

本项目采用 Meteoric packages 作为前端 UI. 其中包括以下 Package:

See it in action here: meteoric.github.io

项目目标

这个项目不是一个 Production ready 的项目. 主要目的是让大家练习课堂中学习到的 Meteor 知识, 并真实开发一个实际项目. 这个项目使用到的 Meteor 技术包括

  • 模板 使用 ionic 作为移动 UI 框架.
  • 数据库 增删改查
  • Pub/Sub
  • 用户登陆注册
  • 微信 API 集成
  • 部署

软件功能

  • 可以运行在微信, ios, android, web 等各种运行环境
  • 用户可以登陆, 注册, 退出
  • 登陆的用户可以 Post 文字和图片(照相)成为博客
  • 每个 post 有一个对应的 URL 和 ID. 其他用户可以匿名阅读 post
  • Post 列表, 选择某一篇 Post 后进入阅读全文
  • 作者可以修改删除自己的 Post
  • 阅读者可以增加 Comments

根据实际开发进度, 这些功能不一定全部完成. 下面是进度安排.

阶段安排

建立开发环境

  • 安装 Meteor
  • 安装各种开发工具 Robomongo, Chrome, Github, Sublime Text

同步初始代码

  • 从 Github 上同步本项目初始代码
  • 每人建立自己的分支

分析模板代码

  • 理解各个 View
  • 理解各个 Ionic 的 UI 零件

产品设计讨论

  • 沿用现有的 Ionic 框架, 设计界面
  • 设计数据库结构

清理代码, 一个干净的空 App

  • 清理首页
  • 建立测试数据库内容

显示 Posts 列表

  • List 首页模板
  • 每个 Post 模板
  • 订阅/发布数据
  • 手动修改数据库, 看 Reactive

显示 Post View

  • UI 设计
  • 模板实现.
  • 手动修改数据库测试 Reactive

新增 Post 页面

  • UI 设计
  • 模板实现
  • 测试数据库增加效果

修改 Post 页面

用户登陆

设定用户权限

  • Roles
  • Allow Deny
  • 测试权限

Face lift

  • UI 改善
  • 产品化

Deploy

  • Web 测试
  • ios android 测试
  • wechat 测试

增加微信 API 功能

  • 登陆
  • 照相
  • 分享
  • 地理位置

Comments 功能

增加 Rating 功能

未来的改进

分组

清理代码之前不分组

Post 页面

  • Post list 小组
  • Post View 小组
  • Add Post 小组

联调 各个小组合并, 代码合并.

分小组

  • 权限小组 (后台技术强)
  • 界面优化小组 (前端技术强)

联调 各个小组合并, 代码合并, 发布

分小组

  • 微信登录小组
  • 微信照相小组
  • 微信分享小组

联调 各个小组合并, 代码合并, 发布.

讨论 Comments 实现

自由组合 Comemnts 小组, 留作业

完成.

welog's People

Contributors

kevingzhang avatar cooloney avatar limingth avatar yifanw avatar jzn51818 avatar ayangyuan avatar farcryzry avatar georgewhr avatar harlyluyar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.