Redis Chat App is a real-time messaging application built with Next.js, TypeScript, Tailwind CSS, and integrated with Upstash Redis. It features authentication, a responsive UI with light and dark mode options, notification sounds, satisfying typing effects, and support for image uploads.
- 🔐 Authentication: Secure login and registration process.
- 💬 Real-Time Messaging: Instant messaging powered by Redis Pub/Sub.
- 📱 Responsive UI: Ensures a seamless experience across devices.
- 🌗 Light and Dark Mode: Personalize your chat interface.
- 🔔 Notification Sounds: Get notified with sound alerts.
- ⌨️ Satisfying Typing Effects: Realistic typing animations for a natural chat experience.
- Learn About Redis Data Types: Explore Redis data structures used for efficient data handling.
- Image Uploads: Share images within your chats.
- Integration with Upstash Redis: Utilizes Upstash Redis for scalable and reliable chat functionality.
- Awesome Landing Page: Welcoming and informative landing page to introduce the app.
- Frontend: Next.js 14, TypeScript, Tailwind CSS
- Backend: Upstash Redis
- State Management: Tenstack Query (React Query)
- Real-Time Updates: Pusher (or Redis Pub/Sub)
- Clone the repository:
git clone https://github.com/Somnath-sanu/redis-chat.git
cd redis-chat- Install dependencies:
npm install- Set up environment variables:
- Run the app:
Contributions are welcome! Please follow our contribution guidelines.