Build a New Tab Notes Chrome Extension - Inspired by Notion

Create a Chrome extension for new tab notes with editable notes and emoji, persisting data to Firebase real-time database via a background page and manifest, in step one.

Create and test a Chrome extension by building a manifest, background, and a custom new tab page, then load it as an unpacked extension with a note interface.

Make the post title and body editable using contenteditable and add placeholders. Set up the Firebase SDK and background page communication with Chrome runtime onMessage to save and fetch notes.

Implement a fetch notes function that queries Firebase via Chrome runtime to a background page, clears the pages holder, builds a navigable notes list, and restores the last opened note.

Learn to build and manage a Notion-inspired new tab notes extension, featuring a dynamic note panel, save and delete actions, dark and light mode support, and Firebase-backed data storage.