Note Taker Chrome Extension

📌 Overview

This is a simple Note-Taking Chrome Extension that allows users to quickly jot down notes with a title and description. It features dark mode, edit and delete functionalities, and persistent storage using localStorage.

🎯 Features

• 📝 Create, Edit, and Delete Notes
• 🌙 Dark Mode Toggle (without icon-based theme switching)
• 📌 Persistent Storage (Notes remain saved even after closing the browser)
• 📜 Scrollable Notes List (Ensures a clean UI with no overflow issues)
• 🎨 Improved UI/UX (Better spacing, positioning, and styling for all elements)

🛠️ Tech Stack

• HTML
• CSS
• JavaScript

📂 Folder Structure

📦 note-taker-extension
 ┣ 📂 images
 ┃ ┣ 🌙 moon.svg (Dark mode icon)
 ┃ ┣ ☀ sun.svg (Light mode icon)
 ┃ ┣ 📝 icon.png (Extension logo)
 ┣ 📜 index.html
 ┣ 🎨 style.css
 ┣ ⚙️ script.js
 ┣ 📜 manifest.json
 ┗ 📖 README.md

🚀 Installation & Usage

1️⃣ Clone the Repository

git clone https://github.com/your-username/note-taker-extension.git
cd note-taker-extension

2️⃣ Load the Extension in Chrome

1. Open Google Chrome and navigate to chrome://extensions/.
2. Enable Developer Mode (toggle in the top right corner).
3. Click on Load unpacked.
4. Select the note-taker-extension folder.
5. The extension will now be added to your Chrome browser! 🎉

3️⃣ Using the Extension

• Click on the extension icon 📌 to open it.
• Enter a title and description, then click Save Note.
• Toggle Dark Mode .
• Click Edit Button to edit a note and Delete Button to delete it.

🛠️ Future Improvements

• ✅ Export notes as .txt file.
• ✅ Cloud sync support.
• ✅ Categories/tags for better note organization.

🤝 Contributing

Feel free to fork this repo and submit a PR if you have improvements! Contributions are always welcome. 😊