Projects
Communication

ChatVia

A real-time chat website with authentication, messaging, notifications, Socket.IO communication, message pinning, theme customization, and multilingual support.

Next.jsTypeScriptMaterial UIRedux ToolkitExpress.jsMongoDBSocket.IO

Key Features

Realtime chat and presencePush notificationsMessage pinning and searchTheme customizationMultilingual support
Mock ChatVia conversation list

Timeline

Built as a solo website project from 5/6/2023 to 27/6/2023.

Purpose

Problem: users need instant conversation feedback, message history, and basic personalization in one lightweight chat experience.

Solution

Socket.IO realtime communication, message pinning, theme customization, multilingual support, and global state management with Redux Toolkit.

Result

Delivered a fullstack chat demo with authentication, realtime events, persistent messages, notifications, search, and UI customization.

Engineering

Technical highlights

Low-latency realtime messaging with Socket.IO and event-driven architecture

Persistent message storage in MongoDB with efficient indexing for search

Theme customization and i18n support for multilingual global users

Approach

Techniques & patterns

WebSocket fallbacksMessage queueingIndexing for search

Screenshots

Product screens

Screens from the product flow, used to show layout, states, and interaction details before reading the implementation notes.

Mock ChatVia conversation list
Mock ChatVia conversation list
Mock chat detail screen
Mock chat detail screen
Mock realtime presence screen
Mock realtime presence screen