💘 Dudefinder

Dudefinder is a modern fullstack dating app built with Next.js, Prisma, and Socket.IO, now organized as a Turbo monorepo for scalable development. It's fast, fun, and designed for love (or at least for swiping 👀).

---

🧠 Features

• 🧑‍🤝‍🧑 User registration & login (NextAuth)
• 📄 Profile creation with gender, age, bio & image gallery
• ❤️ Like system + automatic match detection
• 💬 Real-time chat via Socket.IO
• 🔥 TurboRepo-based dev setup for frontend + backend
• 🎨 Tailwind UI with loading states & feedback
• ✅ Type-safe backend with Prisma + PostgreSQL
• 🎉 Toast notifications for actions like match/save/login
• ⚙️ Clean architecture using custom React hooks for all API calls

---

📁 Project Structure

my-dating-app/
├── app/                 # Next.js app (frontend + API routes)
├── components/          # Shared UI components
├── lib/                 # Utility helpers (auth, fetchers, etc)
├── prisma/              # Prisma schema & migrations
├── public/              # Public assets
├── socket-server/       # Socket.IO backend (Express + TS)
├── turbo.json           # TurboRepo config
├── pnpm-workspace.yaml  # pnpm monorepo config
└── README.md

---

⚙️ Getting Started

1. Clone the repo

git clone https://github.com/your-username/my-dating-app.git
cd my-dating-app

2. Install dependencies

pnpm install

3. Set up environment variables

Create a .env file in the root:

DATABASE_URL=postgresql://...
NEXTAUTH_SECRET=your_super_secret
NEXTAUTH_URL=http://localhost:3000

Make sure your PostgreSQL DB is running (Railway recommended).

4. Migrate database

npx prisma migrate dev

---

🚀 Start Development

To run both Next.js and the Socket.IO server side by side:

pnpm dev:web

This runs via TurboRepo:

• 🧠 http://localhost:3000 → Next.js app
• 💬 http://localhost:4000 → Socket.IO backend

You can also run them individually:

# Start only the Next.js app
pnpm dev

# Start only the socket server
cd socket-server
pnpm dev

---

🔧 API Routes

Method	Route	Description
POST	/api/register	Register a new user
POST	/api/auth/[...nextauth]	Handle login/logout
GET/POST	/api/profile	Create, update, or fetch profile
POST	/api/like	Like a user
GET	/api/matches	Get matched users
GET	/api/users/explore	Get users based on preferences
GET	/api/messages/[matchId]	Fetch chat messages in match
POST	/api/messages	Send chat message to match

---

💽 Pages

Route	Purpose
/	Home
/login	Login
/register	Register
/profile	View & edit profile
/explore	Discover and like users
/matches	See matches + start chat
/chat/[matchId]	Chat with matched user

---

📊 Tech Stack

Layer	Tech
Frontend	Next.js 15, Tailwind CSS
Backend	Prisma, PostgreSQL, Express
Auth	NextAuth.js
Realtime	Socket.IO
Dev Tool	TurboRepo + pnpm

---

🛠️ Upcoming Features

• Swipe & match logic
• Messaging system (chat)
• Match detection & profile filtering
• Typing indicators
• Match preview cards
• Toast notifications for key actions
• Avatar builder
• Better seed data
• Reactions in chat
• Chat header enhancements

---

🧱 Dev Scripts

# Start dev with TurboRepo
pnpm dev:web

# Build
pnpm build

# Lint
pnpm lint

# Prisma
npx prisma studio  # View DB
npx prisma migrate dev

---

🤝 Contributions

If you're reading this... you're already hot 💅
Feel free to fork and contribute!

---

🫡 License

MIT – Built with ❤️ by Pedram and lots of console logs