Day 23 - Cloud Firestore Database (CRUD Operations)

React JS Daily Series: Day 23 - Cloud Firestore Database (CRUD Operations) Welcome to Day 23! Yesterday we secured our React application with Protected Routes. Today, we are giving our users the ability to save their own data to a real database using Firebase Cloud Firestore! We are going to build out full CRUD (Create, Read, Update, Delete) functionality. 🚀 What We Covered Today: • What is a NoSQL database and how Firestore structures data (Collections & Documents) • Saving new data to Firestore using the `addDoc` function • Fetching and displaying lists of data using `getDocs` • Associating saved data with the logged-in user's specific UID • Real-time updates with the `onSnapshot` listener 📌 Catch up on the series: • Day 22 (Protected Routes):    • Day 22 - Protected Routes (Securing Your App)   • Full Playlist:    / @q-spider   💡 Today's Quick Practice Task: Create a secure "To-Do List" inside your protected dashboard. When the user types a task and clicks submit, save that task to a "tasks" collection in Firestore along with their user ID. Then, fetch their tasks and render them on the screen! 🔔 Subscribe and hit the bell icon so you don't miss Day 24, where we will learn how to deploy this entire application live to the internet! #ReactJS #Firebase #Firestore #WebDevelopment #Frontend #JavaScript #ReactDaily #Database