Code Monkey home page Code Monkey logo

voice-hangouts's Introduction

Voice Hangouts

Voice hangouts with your friends

Prerequisites

Techniques

  • react - A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • redux - a predictable state container for JavaScript apps.
  • react-redux - Official React bindings for Redux
  • react-router - A complete routing library for React
  • redux-thunk - Allows you to write action creators that return a function instead of an action.
  • webpack - module bundler.
  • babel - A compiler for writing next generation JavaScript.
  • css-modules - Modulize CSS.

Development Guide

Development

  1. Install packages via npm
npm install
  1. Start webpack development server
npm start
  1. Visit http://localhost:3000 in browser

Production

Production build will exclude unnecessary resources (e.g. redux-logger only enable in development mode), minimizing resources and shipping production build libraries for real website experience.

  1. Install packages via npm
npm install
  1. Start production server
NODE_ENV=production npm start
  1. Visit http://localhost:3000 in browser

Clean up artifact resources

npm clean

voice-hangouts's People

Contributors

dependabot[bot] avatar rickychien avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

voice-hangouts's Issues

Retry websocket connection once connection close

Websocket connection could be closed especially running on heroku server. We have to introduce a retry mechanism to reconnect to signaling server to ensure chatroom, signaling work as usual.

Introduce optional username requirement in landing page

Username can be set optionally when user joins a chat room, but it doesn't require anymore in landing page. As a result, we should remove username filed in landing page, but use Guest as a default username for everyone who first time joins the chatroom.

HTTPS

怎么搭建HTTPS

数据保存

音频文件 与 文本如何保存 求指教

Add a sidebar listing all the user name in room

It's preferable to list all the user name on the list and show them somehow on sidebar, which can help user get to know who is in the same room. Also, it's a plus if we can put some indicators upfront username, such as speaker icon or status icon.

Deploy to Heroku

I get an error when I want to deploy it. How did you deploy to heroku?

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.