Back to All Projects

ByteChat

Cover image for ByteChat

The Problem

Most messaging apps either compromise on security, lack modern features, or don't work seamlessly across devices with a native-like feel.

My Role

Led full-stack development from design to deployment, integrating WebRTC for peer-to-peer communication, Firebase for authentication and real-time data, and Gemini AI for in-app assistance.

The Process

I started by defining the core pillars of ByteChat: speed, security, and versatility. Using Next.js with the App Router and Tailwind CSS for a sleek, responsive UI, I integrated Firebase for authentication, real-time Firestore updates, and cloud storage. For calls, I implemented PeerJS over WebRTC data channels to enable crystal-clear peer-to-peer voice and video communication. I also integrated an AI assistant powered by Google Gemini for contextual user help. The PWA functionality ensures users can install and use ByteChat offline-ready like a native app. Rigorous testing and iterative improvements refined performance, responsiveness, and UI polish.

The Solution

I developed ByteChat — a secure, real-time Progressive Web App that supports text messaging, file sharing, HD voice/video calls via WebRTC, and AI-powered assistance. Built with Next.js, Firebase, and PeerJS, it offers customizable profiles, light/dark themes, and a fully responsive, installable PWA experience.

The Result

A premium, cross-platform messaging app with minimal latency, strong security, and native-like usability.

Technologies Used:

Next.js
TypeScript
Tailwind CSS
ShadCN UI
Firebase
Firestore
Authentication
WebRTC
PeerJS
AI
Google Gemini
PWA