💘Next Match💘

About The App

A small dating app to help you find the next match in this small world

Live link

Try it out here with social accounts or with seed accounts and credentials

Table of Content:

• Features
• Technologies
• Challenges

Features

• Social sign-in with Google and Github account

• Live status of online members and instant messaging

https://github.com/user-attachments/assets/554f258a-7513-464b-b5f1-abb74bc7d972

• Image uploading

• Filters, lists and inboxes to manage your preferences and interaction history

• Email verification & password reset

Technologies

• Full-stack framework: Next.js, Typescript, React
• Database: Prisma ORM, Neon Tech PostgresSQL
• Middleware and authentication: Auth.js V5
• UI: NextUI, TailwindCSS
• Hosting: Vercel
• Others: Web socket service Pusher Channels, Resend email service, react-hook-form, Zod, Zustand

Challenges

I have came across a lot of blockers, pitfalls and my solutions during each logic section of building this app. They are documented in each of my PRs. To summarize, some of the biggest challenges are:

• Conventions and quirks using Next.js
• Setting up Auth.js and configuring JWT session strategy
• Prisma schema update, migration and seeding
• Choosing filtering strategy: from search params change to zustand states to UI, or from zustand state change to search params to UI?