Skip to content

devsandeepsharma/Chatly-Frontend

Repository files navigation

💬 Chatly Frontend

Chatly is a modern real-time chat application built for seamless conversations between users and groups. It offers secure authentication, smooth UI, and instant message delivery powered by Socket.io. Whether you’re chatting 1:1 or in a group, Chatly makes communication effortless.

🔗 Live Preview: Chatly Frontend
🔗 Backend Repository: Chatly Backend

🛠 Built With

  • React.js (Vite)
  • Tailwind CSS
  • Redux Toolkit
  • Formik + Yup
  • Axios
  • Socket.io-client
  • Cloudinary
  • Framer Motion
  • Lucide React Icons

✨ Features

  • Signup / Login with OTP verification
  • Real-time 1:1 and group chat with Socket.io
  • Unread messages counter & last message preview
  • Online / Offline user presence
  • Search users to start a new conversation
  • User profile editing (update name, avatar, etc.)
  • Custom profile image upload using Cloudinary
  • Group management — create groups, add/remove members
  • Smooth Framer Motion animations
  • Fully responsive UI for desktop & mobile

📸 Preview

Landing Page

Auth Page

User Profile

Real Time Chat

Real Time Group Chat