https://github.com/wangyj641/next-messenger

Real-time communication app
https://github.com/wangyj641/next-messenger

mongodb next-auth nextjs prisma reactjs typescript

Last synced: about 2 months ago
JSON representation

Real-time communication app

• Host: GitHub
• URL: https://github.com/wangyj641/next-messenger
• Owner: wangyj641
• Created: 2024-03-14T15:43:11.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-04-01T13:34:05.000Z (9 months ago)
• Last Synced: 2024-04-01T14:48:18.170Z (9 months ago)
• Topics: mongodb, next-auth, nextjs, prisma, reactjs, typescript
• Language: TypeScript
• Homepage:
• Size: 215 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# next-messenger

A real-time communication app

Developed with next.js, typescript, TailwindCSS, react, Github authentication, mongoDB, Prisma 

### Key Features:

- Real-time messaging using Pusher

- Message notifications and alerts

- TailwindCSS UI design

- Credential authentication with NextAuth

- Github authentication integration

- Client form validation and handling using react-hook-form

- Server error handling with react-toast

- Message read receipts

- Online/offline user status

- Group chats and one-on-one messaging

- Message attachments and file sharing

- User profile customization and settings

- Creating and managing chat rooms and channels

### Getting Started

##### Setup .env file

Register github OAuth app and config .env

```js

DATABASE_URL=

NEXTAUTH_SECRET=

GITHUB_ID=

GITHUB_SECRET=

```

##### Setup Prisma

```shell

npx prisma db push

```

##### Start the app

```shell

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.