Connect with friends and communities in real-time with Chit Chat. Share messages, photos and create groups for communication. Experience secure and interactive conversations anytime, anywhere.
- You can access the live demo via Vercel.
Here are some of the current features that Chit Chat has:
- User authentication with Next Auth
- Route protection
- User profile modal
- Realtime messages with 'seen by' feature
- Image upload feature
- Responsive design (Tailwind)
- Next.js Actions
Chit Chat uses the following technologies:
- Node.js version 20 or higher
- Sign up and create a new project at MongoDB
- Sign up and create a new environment at Cloudinary
- Sign up and create a new channel at Pusher
Create .env file and fill in the following environment variables:
DATABASE_URL=[YOUR_MONGODB_URI]
NEXTAUTH_SECRET=[YOUR_STRING_SECRET]
GITHUB_ID=[GITHUB_API_ID_FOR_AUTH]
GITHUB_SECRET=[GITHUB_API_SECRET]
GOOGLE_CLIENT_ID=[GOOGLE_CLIENT_ID_FOR_AUTH]
GOOGLE_CLIENT_SECRET=[GOOGLE_API_SECRET]
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=[YOUR_CLOUDINARY_NAME]
NEXT_PUBLIC_PUSHER_APP_KEY=[YOUR_PUSHER_KEY]
PUSHER_APP_ID=[YOUR_PUSHER_ID]
PUSHER_SECRET=[YOUR_PUSHER_SECRET]
npm installnpm run devOpen http://localhost:3000 with your browser to see the result.
This project is licensed under the MIT License - see the LICENSE file for details