This React application is a note-taking tool with a split view interface. Users can create, edit, and delete notes, with changes automatically synced to Firestore. The app features a sidebar for note navigation and an editor for note content. It uses Firebase for data management and implements debouncing to optimize updates.
useState
: Manages state for notes, the current note ID, and temporary note text.useEffect
: Handles side effects such as syncing data from Firestore, updating the current note ID when notes change, and implementing debouncing for note updates.addDoc
: Adds new notes to Firestore.onSnapshot
: Listens for real-time updates to the notes collection.setDoc
: Updates existing notes in Firestore.deleteDoc
: Deletes notes from Firestore.#Project Screenshots