Skip to content
This repository was archived by the owner on Mar 18, 2026. It is now read-only.

README.md

Latest commit

 

History

History
105 lines (71 loc) · 2.16 KB

README.md

File metadata and controls

105 lines (71 loc) · 2.16 KB
Raw

📝 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
  1. Open Chrome and go to:
chrome://extensions/

  1. Enable Developer Mode (top right)

  2. Click Load Unpacked

  3. 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!