Realtime Chat App with NextJS, GraphQL, NodeJS, MongoDB, Prisma, TypeScript (iMessage Clone) 💬🔥 | P2

👉 Repo link: https://github.com/shadeemerhi/imessage-graphql

❤️ Tips & Donations Link: https://paypal.me/shadeemerhi?country.x=CA&locale.x=en_US
( Thank you very much for your support!)

❗️This video is Part 2 of a multi-part series. I’m currently working on the new parts and am planning to release them every 4-7, so be sure to subscribe for those!

❗️ Please comment with any feedback, questions, or concerns!
👾 JOIN MY DISCORD FOR DIRECT ACCESS TO ME! I WANT TO HELP YOU! 👉 https://discord.gg/Vs6HGMRPFs

Build Technologies:
✅ NEXTJS
✅ APOLLO GRAPHQL
✅ CHAKRA UI
✅ NODEJS
✅ MONGO DB
✅ PRISMA

Part 2 Chapters:
0:00 – Intro & Preface
1:22 – React Component Architecture (Conversation & Feed Wrappers)
11:44 – Create Conversation Modal (Chakra Modal, Flex, Stack Components & Media Queries)
24:56 – Search Users React Components
32:21 – Search Users Query (searchUsers Query String, useLazyQuery Apollo Hook)
41:46 – Search Users Backend (searchUsers Resolver, Database Search w/ Prisma)
51:22 – UserSearchList Component
1:01:33 – Selecting Conversation Participants
1:16:09 – Create Conversations 1 (Create Button, Conversation typeDefs & resolvers)
1:26:26 – Create Conversations 2 (createConversation Query String & Mutation Call)
1:42:48 – Outro & Part 3 Preface

#react #javascript #softwareengineer