Skip to content
A realtime chat application (SPA) built with HTML, Babel, SCSS & React on the client-side, and utilizing WebSockets on the server-side.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Chatty App Project

A realtime chat application utilizing React, Babel, SCSS, and WebSockets.

Getting Started

1. Clone this repository.

git clone
cd chattyApp_2019
git remote rm origin
git remote add origin [YOUR NEW REPOSITORY]

2. Set-up and start 'ChatApp'.

cd chatApp
npm install
npm start
open http://localhost:3000

3. Set-up and start 'chatty_server'.

cd chatty_server
npm install
npm start
open http://localhost:3001

4. Go to http://localhost:3000/ in your browser.

5. Enter username and message then hit enter.

Chatty App - Dependencies:

  • react - JavaScript library for creating user interfaces
  • react-dom - React entry point to the DOM and server renderers
  • uuid - Simple generation of RFC4122 UUIDS

Chatty Server - Dependencies:

  • express - Web application server framework
  • ws - Node.js WebSocket client and server implementation

Project Screenshots:

Chatty App

Chatty App with Input Focused

Chatty App with Message

Chatty App with Notification

Chatty App with Multiple Users V1

Chatty App with Multiple Users V1


Functional requirements, behaviour requirements and technical specifications -



I used Git for versioning. For the versions available, see the Github repository.

You can’t perform that action at this time.