My 100 HOURS Udemy Course: https://www.udemy.com/course/the-web-...
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 with ...
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.
Auf dieser Seite können Sie das Online-Video PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Codesistency 30 Mai 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 34,389 Mal angesehen und es wurde von 978 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!