# Peer-To-Peer

**Repository Path**: CodingMonkeyzh/Peer-To-Peer

## Basic Information

- **Project Name**: Peer-To-Peer
- **Description**: 一个基于WebRTC的视频网站， 实现面对面看同一部电影。 采用前端采用 React.js + FLUX 框架，服务端采用 Node.js。
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 216
- **Forks**: 90
- **Created**: 2015-04-21
- **Last Updated**: 2025-06-08

## Categories & Tags

**Categories**: multimedia

**Tags**: None

## README

#怎么把项目在本地跑起来？

> 纠结了很久，考虑到各方面的因素，我决定抛弃`angular.js`！改用`react.js`，相信我，这样写起代码来，真的很爽！

##先啰嗦几句##
不得不说，react.js + Flux 的编程方式上手也许有点困难， 因为它并不是一种 *MVC* 模式， **它只是一种编程思想** ，意识到这一点，也许你能更快的接受它。

在本次更新中，我们不仅抛弃了`angular.js`，取而代之的是`react.js + Flux`终结者开发模式。而且，我们加入了另外一些方便我们编程的工具：

- react.js + Flux

[React 入门教程](http://hulufei.gitbooks.io/react-tutorial/content/index.html)
- less

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。
[点我快速入门](http://less.bootcss.com/)
- webpack

Webpack 是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且如果有需要它还可以被整合到其他比如 Grunt / Gulp 的工作流。

##项目本地部署##

1. 进入项目根目录，执行`npm install` 安装依赖，这次我们加入了很多实用的工具。
2. 安装`webpack`: `npm install -g webpack`
3. 执行`webpack` 来编译文件（JSX, LESS ...）
4. 最后`npm start`运行服务器（服务器运行在：http://localhost:3000）
5. 打开 http://localhost:3000/portal 可查看门户，添加新的模板。

have fun !  :)