/react-chat-demo

Primary LanguageJavaScriptMIT LicenseMIT

A react chat app demo

Online demo

Click here.

Tech stack

  • React + Redux Toolkit + Redux-Saga + SCSS + Firebase

Requirements

  • ✅ Use either a web socket server + database or a PaaS such as Firebase to handle real time messaging across browsers/devices
  • ✅ A chat room should be able to handle multiple simultaneous users
  • ✅ If a user refreshes while in a room, they should be reconnected to that room
  • ✅ Application must be responsive
  • ✅ Basic form validation

Optional/Bonus

  • ⬜️ Handle multiple users with the same name
  • ✅ Group consecutive messages from the same user
  • ✅ Show a “...” indicator when a user is typing
  • ⬜️ Basic search / filtering
  • ⬜️ Delightful touches such as page transitions, animations, and loading indicators

Quick Start

$ git clone https://github.com/joyfeel/react-chat-demo.git
$ cd react-chat-demo/

# Install dependencies
$ npm i

# Run
$ npm start

Then open http://localhost:3000

Deployment

$ npm run deploy