Reddit Clone REACTJS Tutorial! (Next.js, Firebase v9, Chakra UI, TypeScript, Recoil) ?? | PART 2

? Repo link: https://github.com/shadeemerhi/reddit-clone-yt
❗️ Link to ResetPassword component: https://github.com/shadeemerhi/reddit-clone-yt/blob/main/src/components/Modal/Auth/ResetPassword.tsx

❤️ 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 other day, 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
✅ FIREBASE V9
- Authentication
- Firestore Database (w/ Real-time data)
- Cloud Functions
- Firebase Storage
- Security Rules
- Transactions & Batch Writes
? Deployment
✅ CHAKRA UI
✅ TYPESCRIPT
✅ RECOIL (State Management)

Part 2 Chapters:
0:00 - Firebase Setup (Create new Firebase Project, Client SDK’s)
7:01 - User Creation (react-firebase-hooks, useCreateUser firebase hook)
16:52 - Firebase Error Handling (TypeScript indexing, custom error messages)
22:45 - Google Authentication (useSignInWithGoogle hook)
27:59 - Sign in Existing users (useSignInWithEmailAnPassword firebase hook)
33:16 - useAuthState firebase hook (currently signed-in user, modify navbar UI for authenticated user)
40:25 - Reset Passwords (useSendPasswordResetEmail firebase hook)
45:36 - User Navbar Icons (react-icons)
53:18 - User Dropdown Menu (Chakra Menu component)
1:03:25 - User Karma (custom user properties)
1:05:28 - Community Directory in Navbar (create community intro)
1:14:41 - Create Community Modal 1 - Skeleton
1:21:04 - Create Community Modal 2 - Body (input, character count, community type list)
1:37:30 - Community Creation Firebase preface

#reactjs #firebase #softwaredeveloper