Mendam 💬

A real-time, full-stack chat application built with the MERN stack and Socket.IO and Typescript, designed for fast, clean, and seamless conversations.

🔗 Live Demo

👉 mendam.vercel.app

---

🚀 Features

• ⚡ Real-Time Messaging – One-on-one & group chats with instant message updates
• 🌗 Multiple Themes – Switch between clean white or sleek dark mode
• 👥 User Profiles – View and manage avatars, usernames, and statuses
• ✅ Friend Requests – Accept connections with a single click
• 🔒 Authentication – Secure login and session management
• 🧼 Clean UI & Animations – Smooth transitions and intuitive UX

---

🛠️ Tech Stack

Frontend:

• React
• Typescript
• Styled-components
• React Router
• Axios

Backend:

• Node.js
• Express.js
• Typescript
• MongoDB
• Socket.IO
• JWT for authentication

---

🧪 Getting Started

1. Clone the Repository

git clone https://github.com/aliyara290/Mendam.git
cd mendam

2. Install Dependencies

For frontend:

cd client
npm install

For backend:

cd server
npm install

3. Set Environment Variables

Create .env files in both client and server folders. Example:

.env (server)

PORT=5000
MONGO_URI=your_mongodb_uri
JWT_SECRET=your_jwt_secret

.env (client)

VITE_BACKEND_URL=http://localhost:5000

4. Run the App

# In separate terminals:

# Backend
cd server
npm run dev

# Frontend
cd client
npm run dev

---

📣 Author

Ali Yara
🔗 LinkedIn
🌐 mendam.vercel.app

---

📄 License

This project is licensed under the MIT License. Feel free to use and contribute!