PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React
Let's build and deploy a complete chat app with PERN stack and TS.
Source Code: https://github.com/burakorkmez/pern-c... (🌟)
Discord to ask your questions: / discord
Support: https://www.buymeacoffee.com/burakork...
Previous Chat App: • Build and Deploy a Complete Chat App ...
Diagrams: https://www.eraser.io (Sponsored)
What you'll learn:
🌟 Tech stack: PERN + TypeScript + Socket.io + Prisma + TailwindCSS
🎃 Authentication && Authorization with JWT
👾 Real-time messaging with Socket.io
🚀 Online user status (Socket.io and React Context)
👌 Global state management with Zustand
🐞 Error handling both on the server and on the client
👻 TypeScript Tips and Tricks
⭐ At the end Deployment like a pro for FREE!
⏳ And much more!
Timestamps:
00:00:00 - Demo App
00:01:30 - Project Setup
00:15:03 - Auth Routes & Controllers
01:14:25 - Message Routes & Controllers
01:33:05 - UI Design
01:50:00 - AuthContext Setup
02:01:50 - Signup
02:10:55 - Logout
02:15:00 - Login
02:19:35 - Zustand Setup with TS
02:28:04 - GET Conversations
02:39:45 - GET Messages
02:47:30 - Send Message
02:52:20 - Search Users
02:56:09 - Socket.io for Realtime Events
03:27:52 - Finally Deployment!
03:42:20 - Outro - bye...
Thanks for watching.
Watch video PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React online without registration, duration hours minute second in high quality. This video was added by user As a Programmer 30 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 20,795 once and liked it 707 people.