All projects05 / Case study

MERN / Socket.IO / Real-time conversations

Chatty.

A little closer.
One conversation at a time.

Launch site
Chatty sign-in screen with email and password fields beside a welcome panel
Chatty / Sign-in screen

Built for the back-and-forth.

Chatty is a real-time chat application built with the MERN stack: MongoDB, Express, React, and Node.js. Socket.IO powers the live connection between the interface and server, bringing messages into the conversation as they happen.

The conversation comes first.

01

Keep the conversation flowing.

A chat experience built around exchanging messages and having conversations in real time.

02

Connected through Socket.IO.

Socket.IO connects the client and server so new messages can reach the conversation without a page refresh.

03

Full-stack, from end to end.

A React interface, an Express and Node.js backend, and MongoDB come together in one MERN application.

MERN meets real time.

Interface

  • React

Server

  • Node.js
  • Express

Database

  • MongoDB

Real-time

  • Socket.IO