Giter Club home page Giter Club logo

chrome-dictionary's Introduction

✨🔍🧠Chrome Dictionary - A Chrome Extension🧠🔍✨

A Chrome extension that lets you find the meaning of any word you do not know instantly while browsing. Without needing to open a new tab and search for the meaning or definition of word, just copy and paste or enter a word in the popup, and get its definition!

🏠Demo screenshots

Screenshot 1

Screenshot 2

Screenshot 3

🛠️ Tech Stack

  • ☕ JavaScript
  • 🌐 HTML
  • 🎨 CSS

🚀 Features

  • Instant Definitions: Find the meaning of any word quickly.
  • No API Key Required: Uses the Free Dictionary API.
  • User-Friendly Interface: Simple and intuitive design.

📦 Installation

  1. Clone or Download the Repository:

    git clone https://github.com/amol1211/Chrome-Dictionary.git
  2. Open Chrome Extensions Page:

    Go to chrome://extensions/ in your Chrome browser.

  3. Enable Developer Mode:

    Toggle the "Developer mode" switch in the top-right corner.

  4. Load Unpacked Extension:

    Click "Load unpacked" and select the project directory.

💻 Code Overview

manifest.json

Configures the extension's metadata and permissions.

{
  "manifest_version": 3,
  "name": "Chrome Dictionary",
  "version": "1.0",
  "description": "Find the meaning of words quickly without needing to switch or open a new tab and search for meaning/definition of word.",
  "permissions": ["storage"],
  "background": {
    "service_worker": "background.js"
  },
  "action": {
    "default_popup": "popup.html"
  }
}

⚠️ Important Note

  1. This extension doesn't require any background functionality, hence you don't need to include the background field in your manifest.json file(I added it because it's a standard practice/convention). The background service worker is only necessary if you have tasks or events that need to be handled independently of the popup or content scripts.

chrome-dictionary's People

Contributors

amol1211 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.