Skip to content

itsumarsoomro/UrlBook-ChromeExtension-Js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Here is the README file written in Markdown:

# UrlBook - Chrome Extension

**UrlBook** is a lightweight and efficient Chrome extension that allows users to bookmark and organize URLs directly from their browser. This project is built using **HTML**, **CSS**, and **JavaScript**.

## Features

- **Bookmark Management**: Save, edit, and delete bookmarks seamlessly.
- **Organized Storage**: Categorize bookmarks for easy access.
- **User-friendly Interface**: Clean and intuitive design for effortless navigation.
- **Quick Access**: Access your favorite URLs with a single click.

## Table of Contents

- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [Development](#development)
- [Contributing](#contributing)
- [License](#license)

## Installation

1. Clone this repository:
   ```bash
   git clone https://github.com/itsumarsoomro/UrlBook-ChromeExtension-Js.git
  1. Open Chrome and navigate to chrome://extensions/.
  2. Enable Developer mode in the top-right corner.
  3. Click on Load unpacked and select the folder where you cloned this repository.
  4. The extension will now be added to your browser.

Usage

  1. Click on the UrlBook icon in the Chrome toolbar.
  2. Add URLs by entering them in the input field and clicking Save.
  3. Manage your bookmarks within the extension interface.

Screenshots

Here are some visuals of the extension:

  • Bookmark List
    Screenshot showing the organized list of bookmarks.

  • Add Bookmark
    Screenshot showing the user interface for adding a new bookmark.

Development

Project Structure

  • HTML: The main structure of the extension.
  • CSS: Styling for a clean and responsive user interface.
  • JavaScript: Handles the logic for managing bookmarks and interacting with the Chrome API.

Scripts

  • Bookmark management logic is implemented in JavaScript.
  • Event handling for user interaction.

Running Locally

  1. Follow the Installation steps to load the extension.
  2. Make changes to the codebase.
  3. Reload the extension in the Chrome Extensions page to see the updates.

Contributing

Contributions are welcome! Here's how you can help:

  1. Fork the repository.
  2. Create a feature branch:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add new feature"
  4. Push to the branch:
    git push origin feature-name
  5. Create a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.


Let me know if you'd like to modify any section of this file!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors