你没有必要自己造轮子去完成接下来的挑战，这里推荐使用集成了 MongoDB，Express 和 Node.js 的轻量级 JavaScript 全栈框架 Clementine.js 。如果有兴趣，请参考 Clementine.js 的完整教程一步一步构建自己的应用开发环境，这里我们只需要克隆它的源码到 c9.io 的开发环境就好了。
登录 c9.io 后，你需要创建一个新的 Workspace，模板选择 blank 即可，克隆地址填： https://github.com/johnstonbl01/clementinejs-fcc.git ， 最后点击屏幕下方的 "Create workspace" 按钮，完成创建开发环境。（整个过程可以参考上边的演示录像）。

创建完毕后自动进入新建的 Workspace ，点击左侧导航栏右上角的齿轮图标，选择显示隐藏文件（"show hidden files"）。（整个过程可以参考上边的演示录像）。

然后，在左侧导航栏的空白处点击鼠标右键，新建一个文件 .env。（整个过程可以参考上边的演示录像）。

打开刚刚新建的 .env 文件，把下边的代码粘帖进去，并保存：
GITHUB_KEY=
GITHUB_SECRET=
MONGO_URI=mongodb://localhost:27017/clementinejs
PORT=8080
APP_URL=http://localhost:8080/ 。（整个过程可以参考上边的演示录像）。

点击标题栏上菜单 windows ， 在下拉菜单中选择 share， 之后在弹出的窗口中点击 Application 右边的链接， 在弹出选项中选择 open 。此时会打开一个新的页面，注意这个页面就是你在 c9.io 中新建的 App 的主页，复制这个 App 的主页地址，下一步骤会用到。（整个过程可以参考上边的演示录像）。

登录 Github ，进入你的 Profile 页面，在左侧列表中选择 OAuth applications ，之后在右边选择 Developer application 来创建一个鉴权 App 。 Application name 可以自己取， Homepage URL 填入上一步创建的 App 的主页地址。 Authorization callback URL 也填入相同的地址，并在后边加上相对路径：auth/github/callback。最后点击最下边的注册应用（Register Application）。（整个过程可以参考上边的演示录像）。

在 Github 上的鉴权 App 已经创建完成，此时会显示 Client ID 和 Client Secret 。把 Client ID 和 Client Secret 分别赋给 .env 文件中的 GITHUB_KEY 和 GITHUB_SECRET。并把上文提到的 APP 地址赋给 APP_URL 。（整个过程可以参考上边的演示录像）。

在 c9.io 的命令行终端中输入以下命令以启动 mongoDB：mongod --smallfiles。

新建一个命令行窗口，输入以下命令安装依赖包： npm install 。

依赖包安装完毕，在命令行窗口中启动应用：node server.js　。回到前面打开的 App 主页并刷新，你应该可以看到　Clementine.js 的 logo，点击 "sign in" 并确认 Github 的鉴权请求。

点击按钮 "click me" ，你应该可以看到点击数在增加。点击上边的 Profile 链接，可以看到从 Github 同步过来的个人信息。

在 Github 上创建一个新的仓库，然后拷贝仓库的 .git 地址。
在 c9.io 的命令行窗口中，用刚刚新建的 Github 仓库地址设置 Remote URL : git remote set-url origin 。
然后，就可以把代码推到 Github 上去了： git push origin master。
完成后，在 Github 上就可以看到刚才推上去的代码了。（整个过程可以参考上边的演示录像）。

现在，你已经掌握如何在 c9.io 上开发部署 App 。后续我们将会进一步介绍在 Heroku 上部署 Clementine 的步骤（后续几个挑战都需要把完成的 App 部署到 Heroku 上，所以，请根据 Heroku 的文档自己练习一下如何部署 App 到 Heroku ）。