Build an Extremely Fast Chat App with Redis and React | Full Guide 2024

Published: 11 July 2024
on channel: As a Programmer
13,461
599

Source Code: https://github.com/burakorkmez/redis-... (Stars appreciated 🌟)
Upstash: https://upstash.com/?utm_source=burak1
Diagrams: https://www.eraser.io (Sponsored)

Discord if you get stuck:   / discord  


About This Course:
⚛️ 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

Timestamps:
00:00:00 - App Showcase
00:01:52 - Project Setup
00:14:40 - Auth Page Design
00:26:40 - Preferences Tab
00:46:20 - Chat Layout Design
02:09:00 - Satisfying Typing Effect (easy)
02:15:00 - Authentication
02:23:00 - Auth Callback and Redis
02:54:50 - Fetch Users for Sidebar
03:18:30 - SEND Messages
03:41:00 - GET Messages
03:53:30 - SEND Images
04:08:05 - Realtime Messages
04:31:50 - Deployment
04:38:10 - Testing in Production and Bye!

Thanks for watching.

React.js real-time chat app.


Watch video Build an Extremely Fast Chat App with Redis and React | Full Guide 2024 online without registration, duration hours minute second in high quality. This video was added by user As a Programmer 11 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,461 once and liked it 599 people.