🚀 **Match 4 Me ** is a modern dating web application built with MERN Stack (MongoDB, Express.js, React, Node.js) and Socket.io for real-time messaging. This project replicates the core functionalities of Tinder, allowing users to sign up, match, chat, and explore potential partners in a sleek UI.
📌 Live Demo: Click here (Optional: Add a deployed link)
📌 GitHub Repository: https://github.com/flashrod/Match4Me/
✅ User Authentication – Sign up & login with secure JWT authentication
✅ Profile Management – Edit profile details, upload pictures
✅ Matching System – Swipe left/right & match with users
✅ Real-Time Chat – Instant messaging using Socket.io
✅ Notifications – Get alerts for new matches & messages
✅ Secure Backend – Node.js + Express.js API with MongoDB
✅ Mobile Responsive – Optimized UI for both mobile & desktop
✅ Cloud Storage – Image uploads via Cloudinary
- Frontend: React.js, Zustand (state management), Tailwind CSS
- Backend: Node.js, Express.js, MongoDB (Mongoose ORM)
- Real-Time Communication: Socket.io
- Authentication: JWT (JSON Web Tokens)
- Hosting: (Optional: Vercel, Netlify, Render, etc.)
- Database: MongoDB Atlas
- Cloud Storage: Cloudinary
git clone https://github.com/burakorkmez/tinder-clone.git
cd tinder-clone
npm install
cd client && npm install
Create a .env
file in the root directory and add:
PORT=5000
MONGO_URI=your-mongodb-uri
JWT_SECRET=your-secret-key
CLOUDINARY_CLOUD_NAME=your-cloudinary-name
CLOUDINARY_API_KEY=your-cloudinary-key
CLOUDINARY_API_SECRET=your-cloudinary-secret
CLIENT_URL=http://localhost:5173
npm start
cd client && npm run dev
🔹 Add video chat feature 📹
🔹 AI-based match recommendations 🤖
🔹 Profile verification system ✅
We welcome contributions! To contribute:
- Fork the repo
- Create a new branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Added new feature"
- Push to your branch:
git push origin feature-name
- Open a Pull Request
This project is open-source and available under the MIT License.
🔗 GitHub Repository