full-stack

Streamify Chat App

MERN stack React app with a production-ready backend. Frontend focuses on discovering friend-request flow, real-time chat, theming, and responsive UI.

Streamify Chat App screenshot 1
Streamify Chat App screenshot 2
Streamify Chat App screenshot 3
Streamify Chat App screenshot 4
Streamify Chat App screenshot 5
Streamify Chat App screenshot 6
Key Features
Main functionalities and highlights
  • Real-time Messaging

    Instant chat with language partners using Stream Chat SDK with message persistence

  • Friend Discovery System

    Browse and connect with language partners through smart friend request workflow

  • Video Calling

    Built-in video calls powered by Stream Video SDK with shareable call links

  • Profile Customization

    Complete onboarding with language preferences, location, and bio setup

  • Theme Switcher

    31 DaisyUI themes with localStorage persistence for personalized experience

Development Highlights
Key challenges and solutions

React Query Integration

Efficient server state management with caching and automatic refetching for smooth UX

Responsive Design

Mobile-first approach with Tailwind CSS and conditional sidebar rendering for all screen sizes

Authentication Flow

Secure JWT-based auth with HTTP-only cookies and protected routes using custom hooks

Tech Stack
Technologies used
JavaScript
React
Vite
Node.js
Express
MongoDB
Tailwind CSS
Project Info
Category
full-stack
Status
● Live & Deployed