Yahoo Messenger Clone 🚀

A modern remake of the classic Yahoo Messenger — blending nostalgic UI with real-time features like chat, emojis, authentication, and video calling.


🧠 Inspiration

Yahoo Messenger was a pioneer in online chatting, but it faded away before many in Gen Z ever experienced it. We wanted to recreate that retro feel with a modern tech stack — giving users a fast, multi-window, real-time messenger that feels familiar yet fresh.


💡 What it does

  • 📨 Real-time Chat using Socket.IO
  • 🔐 Email-based Authentication with JWT
  • 🧑‍🎨 Avatars & Username Support
  • 😄 Emoji Picker for expressive messages
  • 📹 Video Calling with WebRTC
  • 💬 Multi-window Chat UI, inspired by the original Yahoo Messenger
  • 🌗 Retro-modern design with animated transitions

🛠️ How we built it

Frontend:

  • HTML, CSS, JavaScript
  • Socket.IO Client
  • Emoji Picker
  • Retro-themed UI with hover transitions & stacked chat windows

Backend:

  • Node.js + Express.js
  • MongoDB + Mongoose for user data
  • JSON Web Tokens (JWT) for secure login
  • Socket.IO for real-time messaging
  • WebRTC for peer-to-peer video calls

Built With

  • api
  • backend
  • front-end
Share this project:

Updates