HeartBound - Dating app

My Learning by Doing Full-Stack App, build with Next/React.

Home page

Features

In the app there are 2 roles:

- ADMIN(for administrators) - Work with the app on the back scene.

- MEMBER(for users) - use the app as it should be used.

As user

- Browse other users via different filters.

- Like/unlike other users.

- Send messages to other users.

- Live chat with other users.

- Upload images

- Delete/Report messages

As Administrator

- Get Access to Server/Client sessions

- Moderate `user photos`

- Moderate `reported messages`

- Admin View

Getting Started

As Developer

• Install Dependencies

  npm install

• Run development server:

  npm run dev

• PostgreDB as Docker Container set-up

  docker compose up -d

  npx prisma generate

  npx prisma db push

  npx prisma db seed

• Apply migrations + seed database

  npx prisma reset

• Run Prisma studio

  npx prisma studio

Open .env.example to understand what secrets do you need in your .env config file.

As User

N.B.: You can register with your email and password, and your confirmation email will not be send, due to this, I highly recommend to use Github or Google as login at [https://heartbound.vercel.app](https://heartbound.vercel.app). Because of the nature of resend, which is my email-provider and its set-up only for testing as free version. You will also never receive email for reset-password functionality, due to same reason.

---

Registration (part 1)

Registration (part 2)

Registration (verification token in DB)

Verification Email

Login and use the app.

- Login via Github

- Login via Gitlab

- Login via Google(might still not work, because Google is verifying it)

Finish Login with Social Acc

Login with test users info:

• TestUser1 - Anna:
  • Email: [email protected]
  • Password: testPassword
• TestUser2 - Cassia:
  • Email: [email protected]
  • Password: testPassword
• TestUser3 - Andrei:
  • Email: [email protected]
  • Password: testPassword
• TestUser4 - Elin:
  • Email: [email protected]
  • Password: testPassword

As Administrator

• Login as admin is not available at heartbound.vercel.app
• Locally, you can check .env.example for the needed secrets in your .env config to seed and run your own administrator.

Tech Stack / Libraries / Packages

• Next.js
• NextUI
• NextAuth.js
• React
• React-Icons
• React Hook Form
• React-Toastify
• TailwindCSS
• Zod
• PrismaORM
• bcrypt.js
• Docker
• Cloudinary
• Pusher
• Zustand
• Resend

Test Users pictures from freepik Home page gif created with Canva

Deploy on Vercel

App is deployed on Vercel at link.

to top