https://github.com/abhishek9503/chat-app
https://github.com/abhishek9503/chat-app
redis tailwindcsss typescript-react
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/abhishek9503/chat-app
- Owner: Abhishek9503
- License: mit
- Created: 2024-12-14T08:34:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-02T21:14:01.000Z (over 1 year ago)
- Last Synced: 2025-01-02T22:22:34.256Z (over 1 year ago)
- Topics: redis, tailwindcsss, typescript-react
- Language: TypeScript
- Homepage: https://chat-app-kepe-4w9nqxcae-abhishek9503s-projects.vercel.app/
- Size: 964 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Redis Chat App ⚡
About This Project:
- ⚛️ Tech Stack: Next.js 14, TypeScript, Tailwind CSS, `UPSTASH` Redis
- 🔐 Authentication
- 💬 Real-Time Messaging
- 📱 Responsive UI
- 🌗 Light and Dark Mode
- 🔔 Notification Sounds
- ⌨️ Satisfying Typing Effects
- 📊 Learn About Redis Data Types
- 📷 Image Uploads
- 🛠️ Integration with Upstash Redis for Scalable Chat
- 💙 Awesome Landing Page
- 🌐 Deployment
- 🚀 And Many More Cool Features
### Setup .env file
```js
KINDE_CLIENT_ID=
KINDE_CLIENT_SECRET=
KINDE_ISSUER_URL=
KINDE_SITE_URL=
KINDE_POST_LOGOUT_REDIRECT_URL=
KINDE_POST_LOGIN_REDIRECT_URL=
UPSTASH_REDIS_REST_URL=
UPSTASH_REDIS_REST_TOKEN=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
PUSHER_APP_ID=
PUSHER_APP_KEY=
PUSHER_APP_SECRET=
PUSHER_APP_CLUSTER=
NEXT_PUBLIC_PUSHER_APP_KEY=
```
### Install dependencies
```shell
npm install
```
### Start the app
```shell
npm run dev
```