"Where every conversation matters."
Vartalaap (वार्तालाप) is a modern, real-time chat application inspired by the spirit of open, joyful conversation. Built with a robust Node.js/Express backend and a sleek React + Tailwind CSS frontend, it delivers a seamless messaging experience with a touch of Indian flair.
- Real-Time Messaging: Instant chat powered by Socket.IO.
- User Authentication: Secure signup/login with JWT, bcrypt, and cookies.
- Modern UI: Responsive, glassmorphic design with Tailwind CSS and DaisyUI.
- Online Presence: See who’s online in real time.
- Search & Conversations: Effortlessly find and chat with friends.
- Profile Avatars: Auto-generated avatars based on gender and username.
- Notifications: Sound and visual cues for new messages.
- Logout & Session Management: Secure, one-click logout.
- Mobile Friendly: Works beautifully on all devices.
Backend:
Frontend:
git clone https://github.com/RatneshTripathi07/Vartalaap.git
cd VartalaapCreate a .env file in /backend with:
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
NODE_ENV=development
# Backend
cd backend
npm install
# Frontend
cd ../frontend
npm install# In /backend
npm run dev
# In /frontend (in a new terminal)
npm run devVisit http://localhost:5173 to start chatting!
Vartalaap/
backend/ # Express, MongoDB, Socket.IO
frontend/ # React, Vite, Tailwind CSS
- backend/controllers/ – Auth, user, and message logic
- backend/models/ – Mongoose schemas for User, Message, Conversation
- backend/socket/ – Real-time server logic
- frontend/src/components/ – Modular React UI (messages, sidebar, etc.)
- frontend/src/context/ – Auth and Socket context providers
- frontend/src/hooks/ – Custom React hooks for API and state
- frontend/src/zustand/ – Global state management
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
- DiceBear Avatars for profile images
- Socket.IO
- Tailwind CSS
- DaisyUI
Vartalaap – Where every conversation matters.