Chat Whizz

ChatWhizz is a real-time chat web app powered by Next.js and Pusher, with group chats and direct messaging, notifications, and profile management—as described in the project README.

Live demo: chat-whizz.vercel.app.

Main features

• 🔒 Auth — NextAuth with Google and GitHub
• 🎉 Rooms — Create and manage chat rooms and channels
• 📱 Real-time messaging via Pusher
• 📨 Group & DM — Group chats and one-on-one messaging
• 📌 Notifications — Message notifications and alerts
• 🌐 Presence — Online / offline user status
• 👤 Profiles — User profile customization and settings
• 🎁 Attachments — Images and files via Cloudinary
• 🧨 Messages — Edit and delete in real time for all participants
• 🎨 Theme — Light / dark mode
• 🚀 SEO & performance — Meta tags, Next/Image, sitemaps
• 🎊 Responsive layout

• Next.js — Full-stack React framework
• TypeScript — Typed UI and API surfaces
• Tailwind CSS — Styling
• NextAuth.js — Authentication (OAuth providers)
• Prisma — Database access layer
• Pusher — Real-time channels
• Cloudinary — Media uploads for chat attachments
• Zustand — Client state
• React Hook Form — Form handling where needed

• Split real-time delivery (Pusher) from persistent data (Prisma) for a clear server model
• Used Cloudinary for attachment pipelines instead of bloating app storage
• Shipped presence and notifications alongside editable message flows in one cohesive UI