Chat App
The Chat App frontend is a real-time messaging platform with features such as friend requests, private/public rooms, and light/dark themes. Built with Next.js, Prisma, Tailwind CSS, and Socket.io, it offers a seamless chatting experience. Future enhancements include live message notifications, read/unread message detection, and improved mobile chat interface.
Features
- Realtime messaging
- Friend Requests
- Delete friends
- Make private or public rooms
- Light/Dark theme
- Online/Offline Status
Tech Stack
Next.js
Prisma
Tailwind CSS
TypeScript
Next Auth
Zustand
Zod
Shadcn
Stripe
TipTap
Dark mode chat app
Main chat page. Visible friends with online/offline status, linking to dyanmic urls generated by pair or group ID.
Add or reject friend requests
Send and receive friend requests, displayed with a nice toast notification.
Make groups for public or private chat with multiple people
Adding a friend creates a one-on-one chat. Creating a group allows multiple people to join.
Clean realtime messaging
Smooth UI for incoming messages.
Mobile Dark Chat
Fully responsive chat app with dark mode
