Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abidalwassie/realtime_chat
Instant message app built with socket.io, next.js, prisma, next-auth, etc.
https://github.com/abidalwassie/realtime_chat
chat-application instant-messaging next-auth nextjs postgresql prisma socket-io websocket
Last synced: about 2 months ago
JSON representation
Instant message app built with socket.io, next.js, prisma, next-auth, etc.
- Host: GitHub
- URL: https://github.com/abidalwassie/realtime_chat
- Owner: AbidAlWassie
- License: cc0-1.0
- Created: 2024-10-29T13:36:05.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T18:26:05.000Z (about 2 months ago)
- Last Synced: 2024-11-15T19:19:30.891Z (about 2 months ago)
- Topics: chat-application, instant-messaging, next-auth, nextjs, postgresql, prisma, socket-io, websocket
- Language: TypeScript
- Homepage: https://realtime-chat-by-abid.vercel.app
- Size: 320 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Instant Message App
This is a basic chat instant messaging app built using **Next.js**, **Socket.io**, **Prisma**, **Next-Auth**, **Shadcn**, **TypeScript**, etc.
It's deployed and fully functional so, [give it a try!](https://realtime-chat-by-abid.vercel.app/)
## Getting Started
1. Install dependencies:
```bash
npm install
```
2. Start the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
3. Open http://localhost:3000 in your browser to view the app.
## Features
* Real-time connection with Socket.io
* Authenticate with Next-Auth Providers
* Database management with Prisma
* Users can create rooms for group chat
* Users can direct message other users
* UI built with custom shadcn components
## Learn More
* [Next.js Documentation](https://nextjs.org/docs)
* [Socket.io Documentation](https://socket.io/how-to/use-with-nextjs)
* [Shadcn Documentation](https://ui.shadcn.com/docs/installation/next)
* [TailwindCSS Documentation](https://tailwindcss.com/docs/guides/nextjs)
## Deployment
I've deployed it to Vercel. [View it](https://realtime-chat-by-abid.vercel.app/)