Full Stack AppStore Mastery with ReactJS amp Firebase Authentication amp Cloud Functions
#############################
Video Source: www.youtube.com/watch?v=_fv4e8LgMqg
π Overview: • Welcome to an exhilarating journey into the world of Full Stack App-Store development! π In this course, we will dive deep into crafting a dynamic and feature-rich app-store using the powerful duo of ReactJS and Firebase. • πSource Codeπ : https://www.buymeacoffee.com/vetrivel... • πAssetsπ : https://drive.google.com/drive/folder... • πHelper Codes π- https://gist.github.com/Vetrivel-VP/7... • π©π» What You'll Learn: • ReactJS Fundamentals: Master the art of building responsive and interactive user interfaces with ReactJS, the heart of modern web development. • Firebase Authentication: Elevate your app's security and user experience with Firebase Authentication. • π‘οΈ Learn to implement robust user authentication systems effortlessly. • Firebase Cloud Functions: Unleash the power of serverless architecture! • π Write and deploy Firebase Cloud Functions to add dynamic functionalities to your app-store seamlessly. • App Management: Discover the secrets of adding and deleting apps dynamically. • π± Learn how to handle app data effectively within your Firebase Firestore database. • User Roles: Navigate the intricacies of managing user roles with Firebase. • π©π Understand how to grant and restrict access based on user privileges. • π οΈ Hands-On Projects: • Get your hands dirty with practical projects! Build a fully functional app-store from scratch and witness your creation come to life. π • Whether you're a seasoned developer or just starting your coding journey, this tutorial has something for you. Get ready to enhance your skills and create professional resumes like never before. • Don't forget to subscribe, like, and hit the notification bell to stay updated on our latest web development tutorials. Let's start building amazing resumes together! π»π¨πΌπ©πΌ • Chapters • 00:00 - Project Setup Environment Setup • 9:31 - Project Structuring • 14:09 - GitHub Config Setup • 18:17 - React App Setup • 31:45 - Navigational Routes • 48:05 - Auth Layout • 53:26 - Authentication UI • 01:06:47 - Firebase Setup • 01:15:15 - Firebase Config With React • 01:24:20 - Getting JWT Token • 01:34:06 - Validating JWT Token • 01:57:03 - Save User Info • 02:05:14 - Fixing Bugs With React Query • 02:32:08 - Pushing Data to Store • 02:55:29 - Managing Privileges • 03:05:00 - Admin Header UI • 03:33:23 - User Profile UI • 04:06:23 - Fixing Navigational Bugs • 04:09:23 - Admin Navigational Controls • 04:19:00 - Create New APP UI • 04:54:54 - Button Actions • 05:05:94 - Pushing Data • 05:30:94 - Fetch Data From Cloud • 05:49:37 - APP Card UI • 06:14:28 - Delete The App • 06:34:04 - Update The User Role • 06:57:28 - Client Layout Structure • 07:08:34 - Left Menu Top UI • 07:16:24 - Menu Items • 07:38:05 - Header Section UI • 07:45:41 - Home Banner • 07:55:04 - App Card UI • 08:12:14 - App Detail UI • 08:30:15 - Chat UI • • π Find Me Here: • https://codewithvetri.web.app/ • Facebook: / velvetri452 • Instagram: @vetrivel_ravi • Linkedin: / velvetri • #firebase #reactjs #fullstack
#############################