PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React

Published: 30 May 2024
on channel: Codesistency
34,389
978

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.


On this page of the site you can watch the video online PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React with a duration of hours minute second in good quality, which was uploaded by the user Codesistency 30 May 2024, share the link with friends and acquaintances, this video has already been watched 34,389 times on youtube and it was liked by 978 viewers. Enjoy your viewing!