📝 NoteMaker Chrome Extension

A simple and flexible Chrome Extension that lets you quickly save and organize different types of content — including text, images, videos, and links — directly in your browser.

---

🚀 Features

• 📌 Save notes as plain text
• 🖼️ Store image URLs and preview them instantly
• 🎥 Save video links (MP4/embedded sources)
• 🔗 Store clickable links
• 💾 Data persistence using localStorage
• 🧹 Clear all saved data with one click

---

🧠 How It Works

• User inputs content into the input field

• Selects the type (Text / Image / Video / Link)

• Data is stored in:

  • Data[] → actual content
  • Value[] → type identifier

• On reload, saved notes are reconstructed dynamically

---

🕹️ Usage

1. Enter content into the input field

2. Choose how to save it:

   • Save as Text
   • Save as Image
   • Save as Video
   • Save as Link

3. View your saved items in the list below

4. Use Clear All to reset everything

---

📂 Project Structure

NoteMaker Extension/
│── index.html
│── script.js
│── style.css
│── Icons/
│   ├── floppy-disk-solid.svg
│   ├── image-solid.svg
│   ├── video-solid.svg
│   ├── link-solid.svg
│   └── trash-can-solid.svg

---

⚙️ Installation (Chrome Extension)

1. Download or clone this repository

git clone https://github.com/your-username/notemaker-extension.git

2. Open Chrome and go to:

chrome://extensions/

3. Enable Developer Mode (top right)

4. Click Load Unpacked

5. Select the project folder

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla)
• Browser Local Storage API

---

⚠️ Known Issues / Fixes

• Video embedding may not work for all URLs (e.g., YouTube links) 👉 YouTube requires iframe embedding instead of <video>

• Duplicate entries can occur when reloading due to re-adding stored data 👉 Can be fixed by separating render logic from push logic

• No validation for empty input 👉 Add a check before saving

---

⭐ If you find this useful, consider starring the repo!