Chat App

Real-timeFull-stackWebSocketsGraphQL

This application enables people to connect and chat through the web. Thanks to WebSockets, the app enables chatting in real time without reloading the page — with in-app notifications for friend requests, errors and more.

Architecture

How it works

Redux

In-app notifications — errors, friend requests, etc.

Redis

Real-time messaging between users and push notifications.

Docker

Containerised local development and testing environment.

AWS (EC2, Route 53)

Cloud deployment and DNS management.

GraphQL + WebSockets

API layer and real-time bidirectional communication.

For more details: app overview and deployment write-up.

Tools & Stack

Frontend

NextJSReactJSReduxTailwind CSSApollo Client (GraphQL)React Hook Form

Backend

NestJSNodeJSPrisma (PostgreSQL)Apollo Server (GraphQL)RedisJest

Other tools

AWS EC2Route 53Docker

GitHub Repositories

Frontend

NextJS · ReactJS · Tailwind

↗

Backend

NestJS · GraphQL · Redis

↗

Screenshots

Home page

Conversations list

Real-time chat