🚀 DevTinder – Connect with Developers Like Never Before!

🔥 Overview

DevTinder is a developer networking platform where tech enthusiasts can connect, chat, and collaborate based on mutual interest. Inspired by Tinder, it lets users swipe left to ignore and right to connect, with real-time chat features powered by Socket.io.

🚀 Live Demo: https://devtinder-remo.vercel.app
📌 GitHub Repository: DevTinder Repo

✨ Features

✅ JWT & Cookie-based Authentication – Secure login and signup.
✅ Swipeable Feed – Browse developer profiles and swipe to connect.
✅ Connection Requests – Accept/reject connection requests easily.
✅ Real-time Chat – Powered by Socket.io with notification sounds.
✅ Profile Management – Edit and update your profile details.

🛠 Tech Stack

Frontend: React.js, TypeScript, Zustand, Tailwind CSS, DaisyUi
Backend: Node.js, Express.js, MongoDB, TypeScript, Socket.io
Authentication: JWT & Cookies

📂 Project Structure

devtinder/
│── frontend/    # Frontend (React, TypeScript, Zustand, Tailwind CSS, DaisyUi)
│── backend/     # Backend (Node.js, Express, MongoDB, TypeScript, Socket.io)
│── README.md    # Documentation

🏗️ Setup & Installation

1️⃣ Clone the repository

git clone https://github.com/sharadindudas/devtinder.git
cd devtinder

2️⃣ Install dependencies

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
npm run dev

3️⃣ Setup environment variables

• Create a .env file in both frontend and backend folders.
• Add necessary environment variables as per the .env.example.

🚀 Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests.

🧠 Upcoming Features (Planned)

🚧 Online/Offline Status – Show when a user is online or last seen.
💬 Typing Indicator – Show when the other user is typing (WhatsApp-style).
📎 File Attachments in Chat – Send and receive images, PDFs, or code snippets.
🎨 UI/UX Improvements – Make the interface sleeker and more interactive.
🎯 Daily Match Suggestions – Algorithmic suggestions based on mutual interests or languages.
📊 Activity Stats – Track profile views, swipe counts, and connection stats.
🛡️ Reporting & Blocking – Allow users to report/block inappropriate behavior.
🔔 Push Notifications – Real-time browser/mobile alerts for messages and connection requests.
📱 Mobile Responsiveness / PWA – Make it usable on mobile or even installable as an app.
💥 Unit & Integration Tests – Improve stability and reliability for production use.

📫 Contact

👨‍💻 Author: Sharadindu Das
📧 Email: sharadindudas774@gmail.com