Skip to content
Full Stack Chat Application
Branch: master
Clone or download
Latest commit 2d6994e Dec 20, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config Merge branch 'master' of https://github.com/raineroviir/react-redux-s… Jan 15, 2016
src removed console logs Apr 20, 2017
static Delete bundle.js.map Jan 15, 2016
test fix tests Jan 15, 2016
.babelrc babel 6 Jan 1, 2016
.eslintignore react 0.14, eslint, removed extraneous npm pckgs Sep 18, 2015
.eslintrc react 0.14, eslint, removed extraneous npm pckgs Sep 18, 2015
.gitignore update history package fix production error Apr 20, 2017
README.md Update README.md Dec 21, 2018
ReadmeVideo.gif readmevideo Feb 19, 2016
mystreamable.mp4 new movie Feb 18, 2016
package.json update history package fix production error Apr 20, 2017
webpack.config.dev.js
webpack.config.prod.js

README.md

React-redux-socketio-chat

alt tag To see the live version of the app go to http://slackclone.herokuapp.com

Use Guide

First off, clone the repository and then cd react-redux-socketio-chatand npm install

You can create channels with the + sign on the nav bar on the left. If you click on a user's name to send him a private message (opens a private channel)

Setting up MongoDB

Note: You need MongoDB set up and running to run the code locally. Installation instructions

Once you've installed MongoDB start up the MongoDB server in a new terminal with the following commands:

mkdir db
mongod --dbpath=./db --smallfiles

Then open a new terminal and type in mongo and type in use chat_dev This is your database interface. You can query the database for records for example: db.users.find() or db.stats(). If you want to remove all channels for example you can type db.channels.remove({}).

Now that you've done all that, you can go go ahead and code away!

Development

npm run dev

And then point your browser to localhost:3000

Note: This program comes with redux-dev tools

  • To SHOW or HIDE the dev tool panel press ctrl+h
  • To change position press ctrl+m

Production

npm run build
npm start

And then point your browser to localhost:3000

Helpful Resources and Inspiring Projects

Todos

  • Implement virtual scrolling for the chat and channel modal, so that the dom elements load faster!
  • Figure out a way to make the initial load quicker, loading only above the fold content? pagination? or some other idea
You can’t perform that action at this time.