Skip to content

Latest commit

 

History

History
95 lines (58 loc) · 4.44 KB

INSTALLATION.md

File metadata and controls

95 lines (58 loc) · 4.44 KB

📥 Want to Use/Install the Extention?

We would love for you to join us!

  • BookMark🔖 is an open-source project, and we are excited to hear your thoughts and ideas.

🛠️ Tech Stack

This project uses:

HTML Css JavaScript

Prerequisites 🎒

Before installation, you need to have installed/knowledge of the following:

Chrome


🔌 This Extension is not yet published on the Chrome Web Store

📥 To install this extension for personal use, follow the steps below:

How to Use this Extension from the Repository

  1. Fork the repository (Click the Fork button in the top right of this page, click your Profile Image)
  2. Clone the forked repository to your local machine.
git clone https://github.com/your-username/BookMark.git
  1. change the present working directory
cd BookMark
  1. Open Google Chrome browser and click on the three dots on the upper right side of the browser. Then go to More Tools and click on Extensions as shown below:

Screenshot-from-2023-04-21-11-09-52

  1. then you can see a developer mode switch on the right upper side of the screen click on that to enable the Developer mode

Screenshot-from-2023-04-21-11-09-08

  1. After that, click on load unpacked on the left upper side of the screen and select the BookMark repo that you have cloned on your computer.

Screenshot-from-2023-04-21-11-08-30

  1. For better usage, click on the puzzle icon on the upper right of the browser, then click on the pin icon on MY Bookmarks.

Screenshot-from-2023-04-22-13-47-03

Using the extention

  • Open the website that you want to bookmark.
  • Click on the BookMark extension icon.
  • A user interface similar to this will appear:

Screenshot-from-2023-04-22-13-51-10

Screenshot-from-2023-04-22-13-51-56

  • Now, click on the Save Bookmark button. Then, you will see an input field where you can enter the title you want to give to the bookmark.
  • You can either give a custom name or leave it empty. If you leave it empty, it will save using the default name.

Screenshot-from-2023-04-22-13-52-23

  • You will see the bookmark on the extensions space.
  • You can click on the title to visit the website.

Screenshot-from-2023-04-22-13-57-14

Deleting the bookmark

  • To remove a bookmark from the list, simply click on the Remove button next to the title, and it will be removed from the list.

Screenshot-from-2023-04-22-13-54-15 Screenshot-from-2023-04-22-13-54-31

✨ Contributors


Show some ❤️ by starring this awesome repository!