An open API service indexing awesome lists of open source software.

https://github.com/sharadindudas/devtinder

DevTinder is a developer networking platform with swipe-based matching, real-time chat, and secure authentication. 🚀
https://github.com/sharadindudas/devtinder

daisyui expressjs javascript mongodb nodejs prettier reactjs socket-io tailwindcss typescript zustand

Last synced: 2 months ago
JSON representation

DevTinder is a developer networking platform with swipe-based matching, real-time chat, and secure authentication. 🚀

Awesome Lists containing this project

README

          

# 🚀 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](https://devtinder-remo.vercel.app)
📌 **GitHub Repository**: [DevTinder Repo](https://github.com/sharadindudas/devtinder)

## ✨ 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

```bash
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

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

### 2️⃣ Install dependencies

#### Frontend

```bash
cd frontend
npm install
npm run dev
```

#### Backend

```bash
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](https://github.com/sharadindudas)
📧 **Email:** sharadindudas774@gmail.com